XMLHttpRequest.send()
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 requests such as PUT
. If the request method is GET
or HEAD
, the body
parameter is ignored and the 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:
- A
Document
, in which case it is serialized before being sent. - An
XMLHttpRequestBodyInit
, which per the Fetch spec can be aBlob
,BufferSource
,FormData
,URLSearchParams
, orUSVString
object. null
If no value is specified for the body, a default value of
null
is used. - A
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
.
Exceptions
Exception | Description |
---|---|
InvalidStateError |
send() has already been invoked for the request, and/or the request is complete. |
NetworkError | The resource type to be fetched is a Blob, and the method is not GET . |
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(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 (this.readyState === XMLHttpRequest.DONE && this.status === 200) { // Request finished. Do processing here. } } xhr.send("foo=bar&lorem=ipsum"); // xhr.send(new Int8Array()); // xhr.send(document);
Specifications
Browser compatibility
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Chrome | Edge | Firefox | Internet Explorer | Opera | Safari | WebView Android | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | |
send |
1 |
12 |
1 |
5 |
8 |
1.2 |
1 |
18 |
4 |
10.1 |
1 |
1.0 |
ArrayBuffer |
9 |
12 |
9 |
10 |
11.6 |
7 |
≤37 |
Yes |
9 |
Yes |
7 |
Yes |
ArrayBufferView |
22 |
≤79 |
20 |
? |
Yes |
7 |
≤37 |
Yes |
20 |
Yes |
7 |
Yes |
Blob |
22 |
12 |
2 |
10 |
12 |
6 |
≤37 |
Yes |
4 |
Yes |
6 |
Yes |
FormData |
6 |
12 |
2 |
10 |
12 |
6 |
≤37 |
Yes |
4 |
Yes |
6 |
Yes |
URLSearchParams |
59 |
≤79 |
44 |
? |
12 |
No
See bug 227477.
|
59 |
59 |
44 |
Yes |
No
See bug 227477.
|
7.0 |
See also
© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/send