We're looking for a user researcher to understand the needs of developers and designers. Is this you or someone you know? Check out the post: https://mzl.la/2IGzdXS

The XMLHttpRequest method send() sends the request to the server. If the request is asynchronous (which is the default), this method returns as soon as the request is sent and the result is delivered using events. If the request is synchronous, this method doesn't return until the response has arrived.

send() accepts an optional parameter which lets you specify the request's body; this is primarily used for request such as PUT. If the request method is GET or HEAD, the body parameter is ignored and request body is set to null.

If no Accept header has been set using the setRequestHeader(), an Accept header with the type "*/*" (any type) is sent.

Syntax

XMLHttpRequest.send(body)

Parameters

body Optional
A body of data to be sent in the XHR request. This can be: If no value is specified for the body, a default value of null is used.

The best way to send binary content (e.g. in file uploads) is by using an ArrayBufferView or Blob in conjunction with the send() method.

Return value

undefined.

Example: GET

var xhr = new XMLHttpRequest();
xhr.open('GET', '/server', true);

xhr.onload = function () {
  // Request finished. Do processing here.
};

xhr.send(null);
// xhr.send('string');
// xhr.send(new Blob());
// xhr.send(new Int8Array());
// xhr.send({ form: 'data' });
// xhr.send(document);

Example: POST

var xhr = new XMLHttpRequest();
xhr.open("POST", '/server', true);

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

xhr.onreadystatechange = function() {//Call a function when the state changes.
    if(xhr.readyState == XMLHttpRequest.DONE && xhr.status == 200) {
        // Request finished. Do processing here.
    }
}
xhr.send("foo=bar&lorem=ipsum"); 
// xhr.send('string'); 
// xhr.send(new Blob()); 
// xhr.send(new Int8Array()); 
// xhr.send({ form: 'data' }); 
// xhr.send(document);

Specifications

Specification Status Comment
XMLHttpRequest
The definition of 'send()' in that specification.
Living Standard WHATWG living standard

Browser compatibility

FeatureChromeEdgeFirefoxInternet ExplorerOperaSafari
Basic support1121

7

51

Yes1.2
ArrayBuffer as parameter to send()9 Yes91011.6 Yes
ArrayBufferView as parameter to send()22 ?20 ? Yes ?
Blob as parameter to send()22 Yes21012 ?
FormData as parameter to send()6 Yes21012 ?
URLSearchParams as parameter to send()59 ?44 ?12 ?
FeatureAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
Basic support Yes1 Yes4 Yes Yes Yes
ArrayBuffer as parameter to send() Yes Yes ?9 Yes ? Yes
ArrayBufferView as parameter to send() Yes Yes ?20 Yes ? Yes
Blob as parameter to send() Yes Yes ?4 Yes ? Yes
FormData as parameter to send() Yes Yes ?4 Yes ? Yes
URLSearchParams as parameter to send() Yes59 ?44 Yes ?7.0

1. Implemented via ActiveXObject

See also

Document Tags and Contributors

Last updated by: Sheppy,