使用xmlhttp向php发送javascript值

时间:2012-03-20 10:21:19

标签: php javascript xmlhttprequest

我正在研究一个小滑块,它提供了我想在php中使用的值。 现在我有滑块工作它将其值存储在(var singleValues)中,但现在我不知道如何正确地将它发送到php。

滑块:

function displayVals() {

        $( "#slider" ).slider();

        var step = $( "#slider" ).slider( "option", "step" );

        $( "#slider" ).slider( "option", "step", 20 );  

        var singleValues = $('#slider').slider('value');
        $("p.value1").html(singleValues); 

        $( "#slider" ).slider({
            change: function(event, ui) {displayVals();}
        });

    };

我之前使用过像xmlhttp这样的V,但我不知道如何改变它以发送(var singleValues)到file.php

function achterpaneel(str)
    {
    if (str=="")
      {
      document.getElementById("rightColumn_content").innerHTML="";
      return;
      } 
    if (window.XMLHttpRequest)
      {// code for IE7+, Firefox, Chrome, Opera, Safari
      xmlhttp=new XMLHttpRequest();
      }
    else
      {// code for IE6, IE5
      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
    xmlhttp.onreadystatechange=function()
      {
      if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
        document.getElementById("rightColumn_content").innerHTML=xmlhttp.responseText;
        }
      }
    xmlhttp.open("GET","getAchterpaneel.php?r="+str,true);
    xmlhttp.send();
    }

可能这很简单,但我无法弄清楚。 stil必须学到很多东西:)

感谢名单!!

3 个答案:

答案 0 :(得分:1)

此行

xmlhttp.open("GET","getAchterpaneel.php?r="+str,true);

发送一个GET请求并将str汇总到请求字符串,我的猜测是将singleValues(我认为是JSON)转换为查询字符串并将此查询字符串提供给achterpaneel的函数调用 - 取决于您必须/想要调用此方法的位置。

但是:有没有听说过jQuery

答案 1 :(得分:0)

我猜你使用jQuery 你可以使用

$.get('url.php',{slider:$('#slider').slider('value')})

答案 2 :(得分:0)

致电新闻界! :P

搞定了..使用xmlhttp设置(r为“singleValues”)然后我把它放在php文件中的一个变量中,就像这样==> $ R = $ _ GET [ “R”];

所以这就是原来的结果。如果有人有更好的解决方案让我知道:)这对我来说很好:D

 function slider2() {

        $( "#slider2" ).slider();

        var step = $( "#slider2" ).slider( "option", "step" );

        $( "#slider2" ).slider( "option", "step", 20 ); 

        var singleValues = $('#slider2').slider('value');
        $("p.value2").html(singleValues); 

        $( "#slider2" ).slider({
            change: function(event, ui) {slider2(); ValueToPhp();}
        });

                        if (singleValues=="")
                      {
                      document.getElementById("rightColumn_content").innerHTML="";
                      return;
                      } 
                    if (window.XMLHttpRequest)
                      {// code for IE7+, Firefox, Chrome, Opera, Safari
                      xmlhttp=new XMLHttpRequest();
                      }
                    else
                      {// code for IE6, IE5
                      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                      }
                    xmlhttp.onreadystatechange=function()
                      {
                      if (xmlhttp.readyState==4 && xmlhttp.status==200)
                        {
                        document.getElementById("rightColumn_content").innerHTML=xmlhttp.responseText;
                        }
                      }
                    xmlhttp.open("GET","ValueTest.php?r="+singleValues,true);
                    xmlhttp.send();


    };