Detect an AJAX Request in PHP

I like using the same PHP script for both AJAX and non-AJAX content requests. Using one script just makes everything easier because it's only one file to update/edit and it's one more cache-able request. One way to try detect an AJAX request (as opposed to a regular page load) is by using the following PHP code:

/* decide what the content should be up here .... */
$content = get_content(); //generic function;

/* AJAX check  */
if(!empty($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest') {
	/* special ajax here */
	die($content);
}

/* not ajax, do more.... */

$_SERVER['HTTP_X_REQUESTED_WITH'] is the golden ticket but not all servers provide this variable so having other checks in place will be important.


Comments

  1. Adriaan

    Wow this is going to be very very helpful…thanks, I didn’t know about this…

  2. Fabian

    HTTP_X_REQUESTED_WITH is only sent by jQuery, isn’t it?

  3. Fabian

    Gosh, David! Your commenting system sucks. Can’t even post the NAME of the var (without dollar sign and stuff…). Anyway, this is just set by jQuery, isn’t it?

  4. David Walsh

    All of the javascript frameworks send that header.

    • fred

      You could spoof that header remotely. This works fine as a rudimentary check, but shouldn’t be relied on for security purposes.

    • Jos

      You shouldn’t rely on any kind of check for security issues. Using different urls is just as fragile and can be spoofed too. But why at all would you write a security check based on whether a request is an Ajax request or not?

    • Dan "Netwalker" Fernandez

      “This url is an ajax webservice – direct access is denied”. Think of it as an additional layer.

      Edit: two years later, and for the record

    • Keilaron

      It ain’t an additional layer if that’s the message you respond with. ;)

  5. olivier

    Yeah I felt really dumb when I found about this one a few month ago. All this time I had been using javascript to add an extra parameter to queries which I would test for on the server side. Still works, but not nearly as simple as this one

  6. puznik

    HTTP_X_REQUESTED_WITH is sent by ALL recent browsers supporting ajax requests ;)
    it’s the comment field used to check is request is standard or xhttprequest

  7. Dev Words

    Is this guarenteed to work. The frameworks may all send it but can you get round it with raw javascript.

  8. olivier

    I don’t think it has anything to do with frameworks. it’s just sent with any ajax request generated by the browser

  9. RaduM

    I know dojo doesn’t sends it (but I could be wrong)

    You will have to do something like this to work in dojo:

    dojo.xhrGet({
    url: “some/file.cgi”,
    headers: {
    “X-Requested-With”: “whatever”
    }
    });

  10. Jake Rocheleau

    Very nice post, thanks for sharing! I’m a huge fan of the blog, really like the design and you’ve got some great content on here. If you’d be interested, I’d love to have an interview with you on my web 2.0 blog. Just let me know if you’re interested – http://www.insidethewebb.com/

  11. Jorge

    yeah! nice!

  12. Catar4x

    Freak !
    By this way, nobody can get some data :)
    Thanks a lot, I’ll test after !

  13. Simon

    Very nice ! I didn’t know about this. That’s going to be very helpfull !
    Just a question about your if statement. I never understood why people made double checks like this one:
    if(!empty($var) && $var == “Hello World”)
    Why not just check it like this:
    if($var == “Hello World”)
    Isn’t it exactly the same, or even better for performance ?
    Thanks and again, great article !

  14. David Walsh

    @Simon: Because “$var” may not be “set” so not checking for that would throw a PHP notice.

  15. Simon

    ok… Shame on me… xD
    It has become a reflex to use if(isset()), I guess that’s why I forgot why it was necessary ;)

  16. Dev Words

    So if you’re using this do you think its time to stop supporting people with javascript turned off? I still see lots of people supporting it.

  17. Giorgio Sironi

    @Dev Words: yes, stop if you want to leave Google out of the door. :)
    However, it seems that Dojo sends this header since Zend Framework components check for X-Requested-With and dojo has a out-of-the-box integration with ZF.

  18. Jason

    Be careful when using the same URL for AJAX and non-AJAX requests. This could cause some strange behavior at a proxy cache on the client’s network.

    Imagine if a proxy cache were to cache your AJAX response when one user was interacting with your application, and then another user behind the same proxy cache goes to access your application. He’ll see the AJAX response instead of the markup for your application.

    You can discourage caching by sending the appropriate cache control headers, but I’ve seen proxy caches that seem to ignore these directives, so you might get some undesired caching anyway…

  19. Jonathan Yarbor

    This is a good idea to implement, but isn’t something i would rely when it comes to security. Remember that client headers can be faked to look like something else. However this is just one more thing to kink the system when being attacked.

  20. SyaZ

    Like Jonathan Yarbor said. Only use this for user-friendliness, never use it for security purposes as everything sent by client can be faked easily nowadays.

  21. Sébastien Hutter

    Looks like jQuery doesn’t send back HTTP_X_REQUESTED_WITH on 302 redirections (eg : php function header(‘Location: page.php’) ) occuring on $.load() calls. So be carefull with automatic redirections in your code…

    Does anyone knows a way to forward HTTP_X_REQUESTED_WITH even through redirections ?

  22. Vijay

    Wow Nice Example This is very help ful for me Thanks

  23. Keilaron

    Just to clear up any confusion:
    Yes, the header IS added by frameworks; e.g. jQuery has this line:
    xhr.setRequestHeader(“X-Requested-With”,”XMLHttpRequest”);
    The mini-framework I use didn’t send that header; I had to put it in myself.

  24. Housni

    The condition would fail under IE7.
    It appears that IE7 doesn’t recognize the header.
    IE needs to say hello to the 21st century :)

  25. Ben

    @Housni: IE was the first browser to introduce ajax to the masses.

  26. Housni

    @Ben: That maybe so but unfortunately, they seem to stick to their own standards which leads to bad practice such as CSS hacks for example.
    It seems as though IE7 not recognizing the header may be cache related.
    I need to investigate this more.

  27. scvinodkumar

    $_SERVER['HTTP_X_REQUESTED_WITH'] is empty. How to enable this variable in server?

  28. F1r3Fl3x

    @scvinodkumar, like 10 other people before me i’ll say that this header is sent by the javascript framework with which you’re making the ajax call. You can’t ‘enable’ it in your server, the js framework does…

  29. Thanish

    That’s awesome.
    Just used it on a website I’m making at the moment (mine) Works great with Drupal templates.

  30. Reid

    @Fabian: Gosh, Fabian! You’re a d-bag, aren’t you?

  31. fleh

    Just to make sure everyone’s aware this header can be spoofed from another site or within the certain browser extensions. it’s not an end all be all, it’s just a rudimentary check.

    • David Walsh

      Very true fleh, but the worst thing that can happen, in this example, would be just outputting contentHTML and not the wrapping code.

  32. mandar

    Is there any better method? or different method? which i can use for security?

  33. mandar

    is there any other way/ method in which i can detect AJAX request?? i need it for security purpose!

  34. Philip

    The best solution for this would be to just add a parameter say:

    if (isset($_GET['ajax']) && $_GET['ajax'] == TRUE) {
    // Process AJAX request
    } else {
    // Process non-AJAX request
    }

    This should also prevent the cache problem Jason spoke of as using a new URL parameter requires the page to be reprocessed due to the browser being unable to determine what is going on in the server.


Be Heard!

Share your thoughts without being a jerk! And wrap your code in <code> tags, f00!

Name*:
Email*:
Website: