XMLHttpRequest

Utilize os objetos XMLHttpRequest (XHR) para interagir com os servidores. Pode obter os dados de um URL sem ter que recarregar toda a página. Isto permite que uma página da Web atualize apenas parte da mesma, sem interromper o que o utilizador está a fazer. XMLHttpRequest é totalmente utilizado na programação Ajax.

  <div id="interfaceDiagram" style="display: inline-block; position: relative; width: 100%; padding-bottom: 11.666666666666666%; vertical-align: middle; overflow: hidden;"><svg style="display: inline-block; position: absolute; top: 0; left: 0;" viewbox="-50 0 600 70" preserveAspectRatio="xMinYMin meet"><a xlink:href="https://developer.mozilla.org/pt-PT/docs/Web/API/EventTarget" target="_top"><rect x="1" y="1" width="110" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text  x="56" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">EventTarget</text></a><polyline points="111,25  121,20  121,30  111,25" stroke="#D4DDE4" fill="none"/><line x1="121" y1="25" x2="151" y2="25" stroke="#D4DDE4"/><a xlink:href="https://developer.mozilla.org/pt-PT/docs/Web/API/XMLHttpRequestEventTarget" target="_top"><rect x="151" y="1" width="250" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text  x="276" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">XMLHttpRequestEventTarget</text></a><polyline points="401,25  411,20  411,30  401,25" stroke="#D4DDE4" fill="none"/><line x1="411" y1="25" x2="441" y2="25" stroke="#D4DDE4"/><a xlink:href="https://developer.mozilla.org/pt-PT/docs/Web/API/XMLHttpRequest" target="_top"><rect x="441" y="1" width="140" height="50" fill="#F4F7F8" stroke="#D4DDE4" stroke-width="2px" /><text  x="511" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">XMLHttpRequest</text></a></svg></div>

  a:hover text { fill: #0095DD; pointer-events: all;}

História

XMLHttpRequest was originally designed by Microsoft around 1999 and later adopted by Mozilla, Apple, and Google. Since October 2014, it has been standardized at the WHATWG, together with the new promise-based fetch() method.

Despite its name, XMLHttpRequest can be used to retrieve any type of data, not just XML, and it supports protocols other than HTTP (including file and ftp).

Constructor

XMLHttpRequest()

The constructor initializes an XMLHttpRequest. It must be called before any other method calls.

Propriedades

This interface also inherits properties of XMLHttpRequestEventTarget and of EventTarget.

XMLHttpRequest.onreadystatechange

An EventHandler that is called whenever the readyState attribute changes.

XMLHttpRequest.readyState Read only

Returns an unsigned short, the state of the request.

XMLHttpRequest.response Read only

Returns an ArrayBuffer, Blob, Document, JavaScript object, or a DOMString, depending on the value of XMLHttpRequest.responseType. that contains the response entity body.

XMLHttpRequest.responseText Read only

Returns a DOMString that contains the response to the request as text, or null if the request was unsuccessful or has not yet been sent.

XMLHttpRequest.responseType

Is an enumerated value that defines the response type.

XMLHttpRequest.responseURL Read only

Returns the serialized URL of the response or the empty string if the URL is null.

XMLHttpRequest.responseXML Read only

Returns a Document containing the response to the request, or null if the request was unsuccessful, has not yet been sent, or cannot be parsed as XML or HTML. Not available in workers.

XMLHttpRequest.status Read only

Returns an unsigned short with the status of the response of the request.

XMLHttpRequest.statusText Read only

Returns a DOMString containing the response string returned by the HTTP server. Unlike XMLHTTPRequest.status, this includes the entire text of the response message ("200 OK", for example).

XMLHttpRequest.timeout

Is an unsigned long representing the number of milliseconds a request can take before automatically being terminated.

XMLHttpRequestEventTarget.ontimeout

Is an EventHandler that is called whenever the request times out.

XMLHttpRequest.upload Read only

Is an XMLHttpRequestUpload, representing the upload process.

XMLHttpRequest.withCredentials

Is a Boolean that indicates whether or not cross-site Access-Control requests should be made using credentials such as cookies or authorization headers.

Proriedades não padrão

XMLHttpRequest.channelRead only

Is a nsIChannel. The channel used by the object when performing the request.

XMLHttpRequest.mozAnonRead only

Is a boolean. If true, the request will be sent without cookie and authentication headers.

XMLHttpRequest.mozSystemRead only

Is a boolean. If true, the same origin policy will not be enforced on the request.

XMLHttpRequest.mozBackgroundRequest

Is a boolean. It indicates whether or not the object represents a background service request.

XMLHttpRequest.mozResponseArrayBuffer Obsolete since Gecko 6 Read only

Is an ArrayBuffer. The response to the request, as a JavaScript typed array.

XMLHttpRequest.multipartObsolete since Gecko 22

This Gecko-only feature, a boolean, was removed in Firefox/Gecko 22. Please use Server-Sent Events, Web Sockets, or responseText from progress events instead.

Manipuladores de evento

onreadystatechange as a property of the XMLHttpRequest instance is supported in all browsers.

Since then, a number of additional event handlers were implemented in various browsers (onload, onerror, onprogress, etc.). These are supported in Firefox. In particular, see nsIXMLHttpRequestEventTarget and Using XMLHttpRequest.

More recent browsers, including Firefox, also support listening to the XMLHttpRequest events via standard addEventListener APIs in addition to setting on* properties to a handler function.

Métodos

XMLHttpRequest.abort()

Aborts the request if it has already been sent.

XMLHttpRequest.getAllResponseHeaders()

Returns all the response headers, separated by CRLF, as a string, or null if no response has been received.

XMLHttpRequest.getResponseHeader()

Returns the string containing the text of the specified header, or null if either the response has not yet been received or the header doesn't exist in the response.

XMLHttpRequest.open()

Initializes a request. This method is to be used from JavaScript code; to initialize a request from native code, use openRequest() instead.

XMLHttpRequest.overrideMimeType()

Overrides the MIME type returned by the server.

XMLHttpRequest.send()

Sends the request. If the request is asynchronous (which is the default), this method returns as soon as the request is sent.

XMLHttpRequest.setRequestHeader()

Sets the value of an HTTP request header. You must call setRequestHeader()after open(), but before send().

Métodos não padrão

XMLHttpRequest.init()

Initializes the object for use from C++ code.

XMLHttpRequest.openRequest()

Initializes a request. This method is to be used from native code; to initialize a request from JavaScript code, use open() instead. See the documentation for open().

XMLHttpRequest.sendAsBinary()

A variant of the send() method that sends binary data.

Especificações

Compatibilidade de navegador

Consulte também

• Tutoriais da MDN abrangendo XMLHttpRequest:
  • Ajax — Getting Started
  • Using XMLHttpRequest
  • HTML in XMLHttpRequest
  • FormData
• HTML5 Rocks — New Tricks in XMLHttpRequest2
• Chrome scope availability — how to access XMLHttpRequest from JSM modules etc., which do not have access to DOM
  • Components.utils.importGlobalProperties
  • nsIXMLHttpRequest