XMLHttpRequest.send()方法用于實際發出 HTTP 請求。它的參數是可選的，如果不帶參數，就表示 HTTP 請求只有一個 URL，沒有數據體，典型例子就是 GET 請求；如果帶有參數，就表示除了頭信息，還帶有包含具體數據的信息體，典型例子就是 POST 請求。

下面是 GET 請求的例子。

var xhr = new XMLHttpRequest(); xhr.open('GET','http://www.example.com/?id=' + encodeURIComponent(id),true ); xhr.send(null);

上面代碼中，GET請求的參數，作為查詢字符串附加在 URL 后面。

下面是發送 POST 請求的例子。

var xhr = new XMLHttpRequest(); var data = 'email='+ encodeURIComponent(email)+ '&password='+ encodeURIComponent(password);xhr.open('POST', 'http://www.example.com', true); xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded'); xhr.send(data);

注意，所有 XMLHttpRequest 的監聽事件，都必須在send()方法調用之前設定。

send方法的參數就是發送的數據。多種格式的數據，都可以作為它的參數。

void send(); void send(ArrayBufferView data); void send(Blob data); void send(Document data); void send(String data); void send(FormData data);

如果send()發送 DOM 對象，在發送之前，數據會先被串行化。如果發送二進制數據，最好是發送ArrayBufferView或Blob對象，這使得通過 Ajax 上傳文件成為可能。

下面是發送表單數據的例子。FormData對象可以用于構造表單數據。

var formData = new FormData();formData.append('username', '張三'); formData.append('email', 'zhangsan@example.com'); formData.append('birthDate', 1940);var xhr = new XMLHttpRequest(); xhr.open('POST', '/register'); xhr.send(formData);

上面代碼中，FormData對象構造了表單數據，然后使用send()方法發送。它的效果與發送下面的表單數據是一樣的。

<form id='registration' name='registration' action='/register'><input type='text' name='username' value='張三'><input type='email' name='email' value='zhangsan@example.com'><input type='number' name='birthDate' value='1940'><input type='submit' onclick='return sendForm(this.form);'> </form>

• ?

下面的例子是使用FormData對象加工表單數據，然后再發送。

function sendForm(form) {var formData = new FormData(form);formData.append('csrf', 'e69a18d7db1286040586e6da1950128c');var xhr = new XMLHttpRequest();xhr.open('POST', form.action, true);xhr.onload = function() {// ...};xhr.send(formData);return false; }var form = document.querySelector('#registration'); sendForm(form);

總結

以上是生活随笔為你收集整理的XMLHttpRequest.send()的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。