Simplest way to write this AJAX call

Question

I need to send an ajax request to a webserver "http://examples.com/ajax" the response will be the html of a <div> and it will be inserted to an existing <div id="holder">. What's the simplest, smallest way to write this in javascript? without using jQuery?

It only needs to support the latest version of chrome.

Ben · Accepted Answer · 2010-11-06 09:09:08Z

var req = new XMLHttpRequest(); req.onreadystatechange = function() { //Is request finished? Does the requested page exist? if(req.readyState==4 && req.status==200) { //Your HTML arrives here alert(req.responseText); } } req.open("GET","http://examples.com/ajax.php",true) //true indicates ASYNCHRONOUS req.send(null);

This solution uses get, so you've got to add variables using ? and & to your URL (e.g. http://examples.com/ajax.php?foo=bar&blah=blee.

If you want to do it using post, run a few with get and then this article is useful.

thanks. how do I insert req.responseText into <div id="holder">?
@rana: document.getElementById('holder').innerHTML = req.responseText
also for error handling I can just add an else to that if statement right?
PHP errors will come across as responseText so you can see them directly. HTTP errors (e.g. 404 "can't find page") will be seen in req.status. A status of 200 indicates everything went OK with your HTTP request.
is this solution cross browser compatible? if not @steve can you modify it

Collectives™ on Stack Overflow

Simplest way to write this AJAX call

1 Answer 1

5 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Linked

Related