xmlhttpを使ってPHPにjavascriptの値を送信

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();} 
     }); 

    }; 

私のようなダウンここでVの前にXMLHTTPを使用していたが、私は（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(); 
    } 

おそらくかなりシンプルですが、わかりません。スティールは多くを学ぶ必要があります:)

サンクス！このライン

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

が要求文字列にGETリクエストとconcatinates strを送信しているので、私の推測では、クエリ文字列に（私は仮定し、JSONである）singleValuesを変換することと、このクエリを与えるだろう

Answer 1

コールプレスを使用することができますが、jQueryの 使うと思います！ ：P

xmlhttpを使って（ "r"は "singleValues"と設定してください）、次にこのようなPHPファイルの変数に入れます：$ _ 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 2

文字列をachterpaneelの関数呼び出しに渡します。このメソッドを呼び出す/呼び出したい場所によって異なります。

しかし：これまでjQueryのことを聞きましたか？

Answer 3

は、私はあなただけ

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