ajax發起請求 get/post方式

get和post請求的不同：

1、給伺服器傳遞資料量：

get最多2k

post原則上沒有限制，php.ini對其限制為8m

2、傳遞資料的形式不一樣：

get在url地址後以請求字串的形式傳遞參數

index.php?name=francis&age=25

post則是把form表單的資料給請求出來以xml的形式傳遞給伺服器

3、post更安全

ajax發起請求步驟：

1、建立ajax對象：xhr

2、建立http請求：相當於開啟瀏覽器輸入地址

xhr.open(請求方式,請求地址[,非同步/同步請求]);

3、發送請求：相當於輸入地址後按下enter

xhr.send(post請求資料/get為null);

get請求需要注意事項：

1、get請求需要傳遞的資料寫在請求地址後，以請求字串的形式

2、中文 = &等特殊符號需要編碼處理

情境舉例：即時判斷使用者名稱能否註冊

如果使用者名稱為username="francis&age=25"，使用get方式發送請求，請求地址"index.php?name="+username，這個時候實際地址就是index.php?name=francis&age=25導致傳遞了2個參數

解決方案是：php：使用函數urlencode()/urldecode()對資料進行編碼/反編碼處理

js： 使用函數encodeURIComponent()對資料進行編碼處理

這兩個編碼函數的作用都是使資料變為%後加2位十六進位的數

在伺服器端可以直接接收，不需要反編碼處理

post請求需要注意事項：

1、post請求需要傳遞的資料寫在send()方法內，也是請求字串的格式

2、使用post傳遞資料實質是模仿form表單給伺服器傳遞資料，而form表單給伺服器傳遞資料的格式為xml，所以需要把post傳遞的資料，即send()方法裡的請求字串，組織為xml格式

使用setRequestHeader()方法設定header頭資訊，把資料群組織為xml格式：

xhr.setRequestHeader('content-type','application/x-www-form-urlencoded');//此方法要緊跟在xhr.open()方法之後

3、傳遞的資料如果有中文 & =等特殊符號仍需要編碼

4、使用post傳遞資料的同時也可以在請求地址中用get傳遞資料