如何發送參數POST方法在AJAX

Question

在我的地盤我有組合框在PHP中：

<script type="text/javascript"> 
function showUserVisits(reservationObjectId) 
{ 
    //alert(reservationObjectId); 
    if (reservationObjectId == "") 
    { 
     document.getElementById("txtHint").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("txtHint").innerHTML=xmlhttp.responseText; 
     } 
    } 

    xmlhttp.open("GET","get_user.php?q=" +reservationObjectId,true); 
    xmlhttp.send(); 
}  
</script> 

<form> 
    <select name="users" onchange="showUserVisits(this.value)"> 
    <!-- <option value="">Select a person:</option> --> 
    <option value="1">aaa1</option> 
    <option value="2">aaa2</option> 
    <option value="3">aaa3</option> 
    <option value="4">aaa4</option> 
    </select> 
    </form> 

當組合框的用戶變化的項目，方法showUserVisits由AJAX調用。我必須將reservationObjectId傳遞給get_user.php站點。如何完成GET方法，我想通過POST方法傳遞此參數，因爲在GET方法中，有人可以更改ID。我該怎麼做 ？

感謝

Answer 1

改變這一行：

xmlhttp.open("GET","get_user.php?q=" +reservationObjectId,true); 

要這樣：

xmlhttp.open("POST", url,true); 

這裏看到更多的信息：

http://msdn.microsoft.com/en-us/library/windows/desktop/ms757849(v=vs.85).aspx

下面是一些例子：

http://www.openjs.com/articles/ajax_xmlhttp_using_post.php

其中一個例子（從上面的鏈接）：

var url = "get_data.php"; 
var params = "lorem=ipsum&name=binny"; 
http.open("POST", url, true); 

//Send the proper header information along with the request 
http.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 
http.setRequestHeader("Content-length", params.length); 
http.setRequestHeader("Connection", "close"); 

http.onreadystatechange = function() {//Call a function when the state changes. 
    if(http.readyState == 4 && http.status == 200) { 
     alert(http.responseText); 
    } 
} 
http.send(params); 

Answer 2

您添加鍵值-VAL對在.send()，像這樣：

xmlhttp.open("POST","get_user.php",true); 
xmlhttp.send("reservationId=" + reservationObjectId); 

要添加多個鍵值對，使用&作爲分隔符。

在您的服務器端腳本中，您將可以在$_POST['reservationID']中訪問它。

Answer 3

xmlhttp.open("POST", 'get_user.php', true); 
xmlhttp.send("q="+reservationObjectId); 

但是要記住，POST數據也可以被編輯，所以在你的PHP文件，檢查值！

$q = (int) $_POST['q']; 

，並確保預定ID屬於用戶

Answer 4

下面的代碼演示瞭如何做一個職位，但與POST方法別人也可以更改ID

xmlhttp.open("POST","get_user.php",true); 
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"); 
xmlhttp.send("q="+encodeURIComponent(reservationObjectId)); 

Answer 5

<script type="text/javascript"> 
function showUserVisits(reservationObjectId) 
{ 
//alert(reservationObjectId); 
if (reservationObjectId == "") 
{ 
    document.getElementById("txtHint").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("txtHint").innerHTML=xmlhttp.responseText; 
    } 
} 
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");   // set header in case of post method 
xmlhttp.open("POST","get_user.php",true); // set post method 
xmlhttp.send("q="+reservationObjectId); // set data 

}