Ajax請求詳解

標籤：style   blog   http   color   os   使用   io   for   ar   

一、get()和post()基本區別

1.get是把參數資料隊列加到提交表單的ACTION屬性所指的URL中，值和表單內各個欄位一一對應，在URL中可以看到。post是通過HTTP post機制，將表單內各個欄位與其內容放置在HTML HEADER內一起傳送到ACTION屬性所指的URL地址。使用者看不到這個過程。

2.對於get方式，伺服器端用Request.QueryString擷取變數的值，對於post方式，伺服器端用Request.Form擷取提交的資料。兩種方式的參數都可以用Request來獲得。

3.get傳送的資料量較小，不能大於2KB。post傳送的資料量較大，一般被預設為不受限制。但理論上，因伺服器的不同而異。

4.get安全性非常低，post安全性較高。

5.<form method="get" action="a.asp?b=b">跟<form method="get" action="a.asp">是一樣的，也就是說，method為get時action頁面後邊帶的參數列表會被忽視；而<form method="post" action="a.asp?b=b">跟<form method="post" action="a.asp">是不一樣的。

二Ajax的Get和Post的區別

1.Get方式  2.   用get方式可傳送簡單資料，但大小一般限制在1KB下，資料追加到url中發送（http的header傳送），也就是說，瀏覽器將各個表單欄位元素及其資料按照URL參數的格式附加在請求行中的資源路徑後面。另外最重要的一點是，它會被用戶端的瀏覽器緩衝起來，那麼，別人就可以從瀏覽器的記錄中，讀取到此客戶的資料，比如帳號和密碼等。因此，在某些情況下，get方法會帶來嚴重的安全性問題。  3.  4.Ajax發送請求:如果是get請求send(參數)參數：必須是null或xhr.send();  5.  6.    get請求就不必要設定 xhr.setRequestHeader(header,value)  7.  8.備忘：如果xhr.send(參數);參數不為空白情況下,在某些瀏覽器中會自動轉換成post請求方式 您可以通過request.getMethod();方法擷取請求的方式  9.  10.執行個體：  11.  12.function getAjax(){   13.  14.     //擷取xhr對象  15.     var xhr = getXhr();  16.     //規定請求類型       17.     xhr.open("get","main.jsp?username=123",true);  18.     //發送請求  19.     xhr.send(null);  20.    //處理伺服器響應事件  21.     xhr.onreadystatechange = function (){  22.          //判讀是否處理完畢 與判讀伺服器是否處理成功！  23.          if(xhr.readyState==4 && xhr.status==200){  24.                    alert(xhr.responseText);  25.              }  26.          }  27.      }   28.}  29.使用get方式需要注意  30.    (1)對於get請求（或凡涉及到url傳遞參數的），被傳遞的參數都要先經(預編碼處理)encodeURIComponent方法處理.例：var url = "update.php?username=" +encodeURIComponent(username) + "&content=" +encodeURIComponent(content)+"&id=1" ;  31.  32.2.Post方式:  33.   當使用POST方式時，瀏覽器把各表單欄位元素及其資料作為HTTP訊息      的實體內容發送給Web伺服器，而不是作為URL地址的參數進行傳遞，使用  POST方式傳遞的資料量要比使用GET方式傳送的資料量大的多發送請求:如果是post請求send(參數)參數：參數可以是null或者xhr.send()|send(帶有參數的)post請求在傳遞值的情況下必須 設定          xhr.setRequestHeader(header,value)  34.  35.執行個體：  36.function postAjax(){   37.     //擷取xhr對象  38.     var xhr = getXhr();  39.     //規定請求類型       40.     xhr.open("post","main.jsp",true);  41.    //設定頭資訊  42.     xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded")  43. //發送參數  44. xhr.send("username=345&pass=123");  45.//相應事件處理  46.   xhr.onreadystatechange = function (){  47.  //判讀是否處理完畢 與判讀伺服器是否處理成功！  48.      if(xhr.readyState==4 && xhr.status==200){  49.                    alert(xhr.responseText);  50.              }  51.    }   52.}  53.  54.使用Post方式需注意：  55. (1).設定header的Context-Type為application/x-www-form-urlencode確保伺服器知道實體中有參數變數.通常使用XmlHttpRequest對象的SetRequestHeader("Context-Type","application/x-www-form-urlencoded;")。例：xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded")  56.(2).參數是名/值一一對應的索引值對,每對值用&號隔開.如 var name=abc&sex=man&age=18 注意var name=update.php?abc&sex=man&age=18以及var name=?abc&sex=man&age=18的寫法都是錯誤的;  57.(3).參數在Send(參數)方法中發送,例： xhr.send(name); 如果是  get  方    式，直接 xmlHttp.send(null);  58.  59.(4).伺服器端請求參數區分Get與Post。如果是get方式則$username = $_GET["username"]; 如果是post方式，則$username =$_POST["username"];  60.  61. 總之，GET方式傳送資料量小，處理效率高，安全性低，會被緩衝，而POST反之。 

 

Ajax請求詳解