отправка значения JavaScript в php с помощью xmlhttp

Question

Я работаю над небольшим слайдером, который предоставляет значение, которое я хочу использовать в 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();
    }

Возможно, это довольно просто, но я не могу понять это. еще надо многому научиться :)

Thanx !!

Answer 1

С этой строки

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

отправляет запрос GET и объединяет str в строку запроса. Я полагаю, что преобразовать singleValues (что, как я полагаю, JSON) в строку запроса и передать эту строку запроса в вызов функции achterpaneel - в зависимости от того, где вы должны / хотите вызвать этот метод.

Но: когда-нибудь слышали о jQuery ?

Answer 2

Звони в прессу!: 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();


    };

Answer 3

Я думаю, вы используете JQuery, вы можете просто использовать

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