[英]How do i pass a variable from a form through to a php page in an ajax script?
我有這個表格:
<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函數傳遞給該函數調用的頁面呢?
是的,您可以使用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
數據。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.