ajaxからPHPに複数の変数を渡すにはどうすればよいですか？

Question

私はこのAJAX関数に2つの変数を渡そうとしていますが、どうすればそれをやりますか？

function showInfo(str) 
{ 
if (str=="") 
    { 
    document.getElementById("txt").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("txt").innerHTML=xmlhttp.responseText; 
    } 
    } 

xmlhttp.open("GET","query1test.php?"+str,true); 
xmlhttp.send(); 

そして私はAJAXのrequestionに渡しTOTたいLNAME、および年ですか？それについて行く方法はありますか？

<input type="text" name="lname" Onchange="showUser(this.value)"> <br> 
<select name="year" > 
    <option value="2011">2011</option> 
    <option value="2010">2010</option> 
    <option value="2009">2009</option> 
</select> <br> 
<input type="submit" value="submit"> 

私はまだ初心者です。

Answer 1

strとして渡すものはわかりませんが、クエリ文字列であることが予想されるもので、あなたの質問に対する答えです。

xmlhttp.open("GET","query1test.php?lname="+document.getElementById("lname").value+"&year="+document.getElementById("year").value,true); 

をそれに加えて、私はあなたのテキスト入力や、あなたの選択に今年のIDにLNAMEのIDを与えるだろう。だから私の応答では、私はそれがまったく検証せずにどのようになるかとSTRに置き換えられます。

<input type="text" id="lname" name="lname" Onchange="showUser(this.value)"> <br> 
<select id="year" name="year" > 
    <option value="2011">2011</option> 
    <option value="2010">2010</option> 
    <option value="2009">2009</option> 
</select> <br> 
<input type="submit" value="submit"> 

これは、$ _GET varsとしてリクエストを渡します。

これにjQueryを使いたくない理由は何ですか？

Answer 2

これはJQueryでした。異なるブラウザを使用している場合はずっと簡単です。 Ajaxの部分（get request）は1行で行い、セレクタを使って必要な値を見つけることができます。

このコードでは、 "lname"という名前の入力に対してonchangeイベントを設定します。 onchangeイベントがトリガーされると、nameフィールドの値とselect要素の年の値が取得されます。それから私はquery1test.phpにリクエストを送ります。 PHPスクリプト（query1test.php）で

$(document).ready(function() { 
    $('input[name="lname"]').change(function() { 
     var name = $('input[name="lname"]').val(); 
     var year = $('select[name="year"]').val(); 
     $.get('query1test.php?name='+name+'&year='+year); 
    }); 
}); 

あなたは$ _GETから値をretriveことができます。例：

<?php 

$name = $_GET['name']; 
$year = $_GET['year']; 

echo $name . ' - ' . $year; 

PHPスクリプトから返されたデータで何かをしたい場合があります。その例は次のとおりです。

$.get('query1test.php?name='+name+'&year='+year, function(data) { 
    alert(data); 
});