Custom HTTP Headers
Custom HTTP Headers in AJAX Requests
The body of your AJAX requests will typically contain the core data of the request, such as information to be added to a database or search query parameters. It is still vital to communicate to the server request "metadata", or additional information about the request, and this can be achieved with HTTP headers.
The XMLHttpRequest object provides a mechanism to set custom request headers, and get the headers of the server's response. The setRequestHeader method handles setting custom request headers:
xhrobj.setRequestHeader(header_name, value);
Two methods provide the response headers:
document.write(xhrobj.getAllResponseHeaders);
/* Returns e.g.:
Date: Sat, 10 May 2008 01:00:00 GMT
Server: Apache/2.2.4 (Win32) PHP/5.2.1
Last-Modified: Fri, 16 May 2008 22:58:57 GMT
Content-Length: 11
Content-Type: text/plain */
xhrobj.getResponseHeader(headername);
alert(xhrobj.getResponseHeader("Date"));
// Will alert e.g. "Sat, 10 May 2008 01:00:00 GMT"
Adding an X-Requested-With header
To identify to the request that an AJAX request is taking place, it is common practice to add an X-Requested-With header with the value "XMLHttpRequest". This can be easily achieved in XMLHttpRequest:
// ...
xhrobj.setRequestHeader("X-Requested-With", "XMLHttpRequest");
This can then be checked on the server side, either through scripting or at server level.
| « Error Checking | AJAX Security Restrictions » |
More AJAX Tutorials:
» Creating the iPhone Unlock Screen in xHTML, CSS and jQuery
» The obligatory 'My Ajax Tutorial' Post
» AJAX and PHP Form Processing
» GWT Basics: AJAX Programming with Java
» AJAX Accessibility for Websites
» A Designer's Guide to Prototyping Ajax
