使用xmlhttp向php发送一个javascript值 - sending a javascript value to php with xmlhttp

sending a javascript value to php with xmlhttp

本文关键字：一个 javascript xmlhttp php 使用 | 更新日期: 2023-09-27

我正在开发一个小滑块，它提供了我想在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）发送到文件。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();
    }

也许这很简单，但我想不通。我还得学很多：）

谢谢！！

由于该行

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

正在发送一个GET请求，并将str连接到请求字符串，我的猜测是将singleValues（我认为它是JSON）转换为查询字符串，并将此查询字符串提供给achterpaneel的函数调用，这取决于您必须/想要在哪里调用此方法。

但是：听说过jQuery吗？

我猜您使用的是jQuery你可以直接使用

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

致电媒体！：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();

    };