将客户端JavaScript变量传递给服务器端php

我再次尝试提问我的问题。我希望这一次足够清楚。将客户端JavaScript变量传递给服务器端php

这里是我的脚本的现场演示： http://www.virusgaming.net/test/

这是代码：

<? // I set the starting percentage to 0%. 
$something = 0; ?>  

<!-- jsProgressBarHandler prerequisites : prototype.js --> 
<script type="text/javascript" src="js/prototype/prototype.js"></script> 

<!-- jsProgressBarHandler core --> 
<script type="text/javascript" src="js/bramus/jsProgressBarHandler.js"></script>   

<span style="color:#006600;font-weight:bold;">Multi Color Bar</span> <br/> 
<span id="element6">Loading...</span> 
<span class="extra"><a href="#" onclick="manualPB2.setPercentage('0', true);return false;"><img src="images/icons/empty.gif" alt="" title="" onmouseout="$('Text6').innerHTML ='&laquo; Select Options'" onmouseover="$('Text6').innerHTML ='Empty Bar'"/></a></span> 
<span class="options"><a href="#" onclick="manualPB2.setPercentage('+10');return false;"><img src="images/icons/add.gif" alt="" title="" onmouseout="$('Text6').innerHTML ='&laquo; Select Options'" onmouseover="$('Text6').innerHTML ='Add 10%'"/></a></span> 
<span class="options"><a href="#" onclick="manualPB2.setPercentage('-5');return false;"><img src="images/icons/minus.gif" alt="" title="" onmouseout="$('Text6').innerHTML ='&laquo; Select Options'" onmouseover="$('Text6').innerHTML ='Minus 5%'" /></a></span> 
<span class="options"><a href="#" onclick="manualPB2.setPercentage('30');return false;"><img src="images/icons/set.gif" alt="" title="" onmouseout="$('Text6').innerHTML ='&laquo; Select Options'" onmouseover="$('Text6').innerHTML ='Set 30%'"/></a></span> 
<span class="options"><a href="#" onclick="manualPB2.setPercentage('98'); manualPB2.setPercentage('30'); return false;"><img src="images/icons/fill.gif" alt="" title="" onmouseout="$('Text6').innerHTML ='&laquo; Select Options'" onmouseover="$('Text6').innerHTML ='Fill 98%, and then 30%'" /></a></span> 
<span class="getOption"><a href="#" onclick="alert(manualPB2.getPercentage());return false;"><img src="images/icons/get.gif" alt="" title="" onmouseout="$('Text6').innerHTML ='&laquo; Select Options'" onmouseover="$('Text6').innerHTML ='Get Current %'"/></a></span> 
<span id="Text6" style="font-weight:bold">&laquo; Select Options</span> 

<script type="text/javascript">      
    document.observe('dom:loaded', function() { 

     manualPB2 = new JS_BRAMUS.jsProgressBar(
        $('element6'), 
        <? echo $something; ?>,        
        { 

         barImage : Array(
          'images/bramus/percentImage_back4.png', 
          'images/bramus/percentImage_back3.png', 
          'images/bramus/percentImage_back2.png', 
          'images/bramus/percentImage_back1.png' 
         ), 

         onTick : function(pbObj) { 

          switch(pbObj.getPercentage()) { 

           case 70: 
            alert('we are at 70%'); 
           break; 

           case 100: 
            alert('we are at 100%');           
           break;                                            

          } 

          return true; 
         } 
        } 
       ); 
    }, false); 
</script>

我想通过客户端JavaScript百分比服务器端PHP变量。我用GET和POST javascript（隐藏的字段，表单，锚点，onclick事件等）做了数十次尝试，但没有成功。基本上与的onclick =“警报（manualPB2.getPercentage（））;功能我跺电流百分比警报可以编辑该警报，使其后/获取变量到PHP

来源

2012-03-16 user1274113

简而言之 - >使用隐藏的输入字段创建隐藏表单...将该值分配给该输入的值，然后提交该表单。或者只是使用Ajax。 – Wh1T3h4Ck5 2012-03-16 15:43:31

当然。使用ajax（原型应该有大量关于如何完成你想要的东西的文档）。你想跟踪的进展是什么？ – Jason 2012-03-16 15:44:06

相反的？警报，试试这个Ajax调用，

var url = 'YourServerSideScript.php'; 
var pars = 'percentage=' + pbObj.getPercentage(); // you have to use $_POST['percentage'] on your script 
var target = 'targeDivId'; 
var myAjax = new Ajax.Updater(target, url, {method: 'post', parameters: pars});

来源

2012-03-16 15:45:45 jose

谢谢你的代码，但我只能得到“未定义”的结果。我已经尝试了2个小时以取得成功。为什么？ – user1274113 2012-03-16 20:39:36

由于对何塞的答案的变化（有没有必要使用Ajax.Updater除非你期待的HTML响应）原型确实提供你所需要的一切。

document.observe('dom:loaded', function() { 
    // after existing initialising code... 

    $$('.getOption a').first().observe('click', function(event) { 
     new Ajax.Request('YourServerSideScript.php', { 
      parameters: { 
       percentage: parseInt(manualPB2.getPercentage()) 
      } 
     }); 
     event.stop(); 
    }); 
});

...，在脚本中的值将是$_POST['percentage']。我没有设置method，因为它无论如何都是POST，而parameters是一个对象，这意味着Prototype会为你编码，这样可以节省工作量。请记住阅读manual。

parseInt将删除任何%字符（如果它们存在于百分比中）。 event.stop()整齐地防止锚的正常点击行为。

来源

2012-03-16 22:02:03 clockworkgeek

将客户端JavaScript变量传递给服务器端php

回答

相关问题