GM.xmlHttpRequest: Difference between revisions
m Reverted edits by Arantius (talk) to last revision by 59.148.233.55 |
m SPAM! |
||
Line 1: | Line 1: | ||
{{DISPLAYTITLE:GM_xmlhttpRequest}} | {{DISPLAYTITLE:GM_xmlhttpRequest}} | ||
== Description == | |||
This method performs a similar function to the standard [http://developer.mozilla.org/en/docs/XMLHttpRequest XMLHttpRequest] object, but allows these requests to cross the [https://developer.mozilla.org/En/Same_origin_policy_for_JavaScript same origin policy] boundaries. | |||
Compatibility: [[Version_history#0.2.5|Greasemonkey 0.2.5+]] | |||
== Syntax == | |||
</a | |||
{{Function|GM_xmlhttpRequest|details}} | |||
=== Arguments === | |||
This method only takes one argument, the <code>details</code> object. | |||
Described below are the ''properties'' that may be defined on that object. | |||
See [[#Examples]] for more detail on how to use each. | |||
; <code>method</code> | |||
: <code>String</code> Type of HTTP request to make (E.G. <code>"GET"</code>, <code>"POST"</code>) | |||
; <code>url</code> | |||
: <code>String</code> The URL to make the request to. Must be an absolute URL, beginning with the scheme. As of [[Version history#0.8.20100408.6|version 0.8.6]], the URL may be relative to the current page. | |||
; <code>headers</code> | |||
: <code>Object</code> Optional. A set of headers to include in the request. <sup>[[#Notes|[2]]]</sup> | |||
; <code>overrideMimeType</code> | |||
: <code>String</code> (Compatibility: [[Version_history#0.6.8|0.6.8+]]) Optional. A MIME type to specify with the request (E.G. <code>"text/html; charset=ISO-8859-1"</code>). | |||
; <code>data</code> | |||
: <code>String</code> Optional. Data to send in the request body. Usually for <code>POST</code> method requests. <sup>[[#Notes|[1]]]</sup> | |||
; <code>binary</code> | |||
: <code>Boolean</code> (Compatibility: [[Version_history#0.8.3|0.8.3+]]) Optional, default false. When true, use the underlying <code>.sendAsBinary()</code> method. | |||
; <code>user</code> | |||
: <code>String</code> (Compatibility: [[Version_history#0.9.0|0.9.0+]]) Optional. User name to use for authentication purposes. | |||
; <code>password</code> | |||
: <code>String</code> (Compatibility: [[Version_history#0.9.0|0.9.0+]]) Optional. Password to use for authentication purposes. | |||
; <code>onerror</code> | |||
: <code>Function</code> Optional. Will be called if an error occurs while processing the request. Passed one argument, the [[#Response Object]]. | |||
; <code>onload</code> | |||
: <code>Function</code> Optional. Will be called when the request has completed successfully. Passed one argument, the [[#Response Object]]. | |||
; <code>onreadystatechange</code> | |||
: <code>Function</code> Optional. Will be called repeatedly while the request is in progress. Passed one argument, the [[#Response Object]]. | |||
==== Response Object ==== | |||
All three of the callback functions defined in the <code>details</code> object, if called, will receive this type of object as their first (and only) argument. | |||
; <code>status</code> | |||
: <code>Integer</code> The HTTP response status (E.G. 200 or 404) upon success, or <code>null</code> upon failure. | |||
; <code>statusText</code> | |||
: <code>String</code> The HTTP response status line (E.G. <code>"OK"</code>, <code>"Not Found"</code>) upon success, or <code>null</code> upon failure. | |||
; <code>readyState</code> | |||
: <code>Number</code> The <code>readyState</code> as defined in [https://developer.mozilla.org/en/XMLHttpRequest XMLHttpRequest]. | |||
; <code>responseText</code> | |||
: <code>String</code> The <code>responseText</code> as defined in [https://developer.mozilla.org/en/XMLHttpRequest XMLHttpRequest]. | |||
; <code>responseHeaders</code> | |||
: <code>String</code> The response headers as defined in [https://developer.mozilla.org/en/XMLHttpRequest#getAllResponseHeaders() XMLHttpRequest]. | |||
; <code>finalUrl</code> | |||
: <code>String</code> (Compatibility: [[Version_history#0.8.20080609.0|0.8.0+]]) The final URL requested, if <code>Location</code> redirects were followed. | |||
== Returns == | |||
<code>undefined</code> | |||
As of [[Version history#0.8.20100211.5|version 0.8.5]], an object with one method, <code>abort()</code>. | |||
== Examples == | |||
=== Bare Minimum === | |||
<pre class='sample'> | |||
GM_xmlhttpRequest({ | |||
method: "GET", | |||
url: "http://www.example.com/", | |||
onload: function(response) { | |||
alert(response.responseText); | |||
} | |||
}); | |||
</pre> | |||
=== GET request === | |||
<pre class='sample'> | |||
GM_xmlhttpRequest({ | |||
method: "GET", | |||
url: "http://www.example.net/", | |||
headers: { | |||
"User-Agent": "Mozilla/5.0", // If not specified, navigator.userAgent will be used. | |||
"Accept": "text/xml" // If not specified, browser defaults will be used. | |||
}, | |||
onload: function(response) { | |||
// Inject responseXML into existing Object (only appropriate for XML content). | |||
if (!response.responseXML) { | |||
response.responseXML = new DOMParser() | |||
.parseFromString(response.responseText, "text/xml"); | |||
} | |||
GM_log([ | |||
response.status, | |||
response.statusText, | |||
response.readyState, | |||
response.responseHeaders, | |||
response.responseText, | |||
response.finalUrl, | |||
response.responseXML | |||
].join("\n")); | |||
} | |||
}); | |||
</pre> | |||
=== POST request === | |||
When making a POST request, '''most''' sites require the Content-Type header to be defined as such: | |||
<pre class='sample'> | |||
GM_xmlhttpRequest({ | |||
method: "POST", | |||
url: "http://www.example.net/login", | |||
data: "username=johndoe&password=xyz123", | |||
headers: { | |||
"Content-Type": "application/x-www-form-urlencoded" | |||
}, | |||
onload: function(response) { | |||
if (response.responseText.indexOf("Logged in as") > -1) { | |||
location.href = "http://www.example.net/dashboard"; | |||
} | |||
} | |||
}); | |||
</pre> | |||
=== HEAD request === | |||
As defined in HTTP, you may issue a HEAD request to get the response headers, without receiving the entire response body. | |||
<pre class='sample'> | |||
GM_xmlhttpRequest({ | |||
url: "http://www.example.com", | |||
method: "HEAD", | |||
onload: function(response) { | |||
GM_log(response.responseHeaders); | |||
} | |||
});</pre> | |||
== Notes == | == Notes == |
Revision as of 20:58, 5 July 2011
Description
This method performs a similar function to the standard XMLHttpRequest object, but allows these requests to cross the same origin policy boundaries.
Compatibility: Greasemonkey 0.2.5+
Syntax
function GM_xmlhttpRequest( details )
Arguments
This method only takes one argument, the details
object.
Described below are the properties that may be defined on that object.
See #Examples for more detail on how to use each.
method
String
Type of HTTP request to make (E.G."GET"
,"POST"
)url
String
The URL to make the request to. Must be an absolute URL, beginning with the scheme. As of version 0.8.6, the URL may be relative to the current page.headers
Object
Optional. A set of headers to include in the request. [2]overrideMimeType
String
(Compatibility: 0.6.8+) Optional. A MIME type to specify with the request (E.G."text/html; charset=ISO-8859-1"
).data
String
Optional. Data to send in the request body. Usually forPOST
method requests. [1]binary
Boolean
(Compatibility: 0.8.3+) Optional, default false. When true, use the underlying.sendAsBinary()
method.user
String
(Compatibility: 0.9.0+) Optional. User name to use for authentication purposes.password
String
(Compatibility: 0.9.0+) Optional. Password to use for authentication purposes.onerror
Function
Optional. Will be called if an error occurs while processing the request. Passed one argument, the #Response Object.onload
Function
Optional. Will be called when the request has completed successfully. Passed one argument, the #Response Object.onreadystatechange
Function
Optional. Will be called repeatedly while the request is in progress. Passed one argument, the #Response Object.
Response Object
All three of the callback functions defined in the details
object, if called, will receive this type of object as their first (and only) argument.
status
Integer
The HTTP response status (E.G. 200 or 404) upon success, ornull
upon failure.statusText
String
The HTTP response status line (E.G."OK"
,"Not Found"
) upon success, ornull
upon failure.readyState
Number
ThereadyState
as defined in XMLHttpRequest.responseText
String
TheresponseText
as defined in XMLHttpRequest.responseHeaders
String
The response headers as defined in XMLHttpRequest.finalUrl
String
(Compatibility: 0.8.0+) The final URL requested, ifLocation
redirects were followed.
Returns
undefined
As of version 0.8.5, an object with one method, abort()
.
Examples
Bare Minimum
GM_xmlhttpRequest({ method: "GET", url: "http://www.example.com/", onload: function(response) { alert(response.responseText); } });
GET request
GM_xmlhttpRequest({ method: "GET", url: "http://www.example.net/", headers: { "User-Agent": "Mozilla/5.0", // If not specified, navigator.userAgent will be used. "Accept": "text/xml" // If not specified, browser defaults will be used. }, onload: function(response) { // Inject responseXML into existing Object (only appropriate for XML content). if (!response.responseXML) { response.responseXML = new DOMParser() .parseFromString(response.responseText, "text/xml"); } GM_log([ response.status, response.statusText, response.readyState, response.responseHeaders, response.responseText, response.finalUrl, response.responseXML ].join("\n")); } });
POST request
When making a POST request, most sites require the Content-Type header to be defined as such:
GM_xmlhttpRequest({ method: "POST", url: "http://www.example.net/login", data: "username=johndoe&password=xyz123", headers: { "Content-Type": "application/x-www-form-urlencoded" }, onload: function(response) { if (response.responseText.indexOf("Logged in as") > -1) { location.href = "http://www.example.net/dashboard"; } } });
HEAD request
As defined in HTTP, you may issue a HEAD request to get the response headers, without receiving the entire response body.
GM_xmlhttpRequest({ url: "http://www.example.com", method: "HEAD", onload: function(response) { GM_log(response.responseHeaders); } });
Notes
1
Note that if the data
field contains form-encoded data, you usually must also set the header 'Content-Type': 'application/x-www-form-urlencoded'
in the headers
field.
2
Some headers may not actually work through GM_xmlhttpRequest.
For example, the Referer
header cannot be overriden.
[1]
[2]