如何將表單中的變量傳遞給ajax腳本中的php頁面？

Question

我有這樣的形式：

<form onsubmit="serverconnect('Div1', 'query.php'); return 
false;" 
Minimum Discount: <br /> 
<input type="radio" value="20%" name="discount" /> 20% <br /> 
<input type="radio" value="15%" name="discount" /> 15% <br /> 
<input type="radio" value="10%" name="discount" /> 10% <br /> 
<input type="radio" value="5%" name="discount" /> 5% <br /> 
<input type="submit" value="Refine Search" /> 
</form> 

在提交時，窗體調用下面的AJAX腳本

<script language="javascript" type="text/javascript"> 


var xmlhttp = false; 


if (window.XMLHttpRequest) 
{ 
    xmlhttp = new XMLHttpRequest(); 
} 
else if (window.ActiveXObject) 
{ 
    xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); 
} 


function serverconnect(divID, datalocation) 
{ 
var1=$clickvalue; 
if(xmlhttp) 
{ 
    var obj = document.getElementById(divID); 
    xmlhttp.open("GET", datalocation); 

    xmlhttp.onreadystatechange = function() 
    { 
     if (xmlhttp.readyState == 4 && 
     xmlhttp.status == 200) 
     { 
     obj.innerHTML = xmlhttp.responseText; 
     } 
    } 
    xmlhttp.send(null); 
} 

} 
</script> 

我需要通過我的query.php頁面以獲取表單數據（這是什麼ajax是outputtng）來修改它的輸出，而不使用jquery庫。

那麼有沒有辦法將表單數據通過ajax函數傳遞到函數調用的頁面？

Answer 1

是的，你可以使用ajax傳遞表單數據。當您使用GET方法只有你必須與頁面嵌入您的數據是這樣

<input type="radio" value="20%" name="discount" id="discount" /> 20% <br /> 


var obj = document.getElementById(divID); 
var disc = document.getElementById("discount"); 
xmlhttp.open("GET", datalocation + "?disc="+disc); 

和query.php使用$_GET['disc']用於獲取get數據。