Ajax創建以及post和get請求

這次帶給大家Ajax創建以及post和get請求，Ajax創建以及使用post和get請求的注意事項有哪些，下面就是實戰案例，一起來看一下。

創建AJAX的過程:

XMLHttpRequest是AJAX的基礎，  用於在後台與伺服器交換數據，這意味著可以在不重新載入整個網頁的情況下，對網頁的某部分進行更新。

1、建立XMLHTTPRequest物件:

(兼容处理)var xhr = null;//前面必须添加window否则报错(不能拿一个不存在的对象作为判断条件)if(window.XMLHttpRequest) { 
    xhr = new XMLHttpRequest();
} else {

   xhr = new ActiveXObject('Microsoft.XMLHTTP');
}2、建立對伺服器的呼叫

xhr.open(method, url， async);
method: 请求数据类型(get, post, options, head, put, delete, trace， connect)

get請求:

xhr.send()

post請求:

xhr.setRequestHeader("Content type", "application/x-www-form-urlencoded"); 
//向请求添加HTTP头xhr.send("fname=Bill&lname=Gates");

GET 還是POST?

與POST相比，GET更簡單也更快，並且在大部分情況下都能用。

然而，在以下情況中，請使用POST請求:

無法使用快取檔案(更新伺服器上的檔案或資料庫)

b.向伺服器發送大量數據(POST 沒有資料量限制)

發送包含未知字元的使用者輸入時，POST比GET更穩定也更可靠

url:檔案在伺服器上的位置

async: true (異步)或false (同步)

同步:指發出資料後，等接收到回應以後再發送下一個資料包

闡述:提交請求->等待伺服器處理->處理完畢返回這個期間客戶端瀏覽器不能幹任何事情; 目前只能做一件事情，其它事情必須等當前的事情完成，才能繼續後面的事

異步:指發出資料後，不用等待接收到回應，接著發送下一個資料包

闡述:提交請求->等待伺服器處理(這時瀏覽器仍然可以做其他事情) ->處理完畢;三心二意，同時可以做多件事情

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

JS中怎樣避免功能與瀏覽器推斷

JS中Polyfill註解與阻止修改的使用

以上是Ajax創建以及post和get請求的詳細內容。更多資訊請關注PHP中文網其他相關文章！