AJAX: The Simplest & Most Effective Method

[-NB-]

This is a quick little snippet of AJAX for you eager users out there. It is cross-browser compatible, and is definitely some of the cleanest code available.

var xml = createXML();
var el = new Array();

function createXML () {
if (typeof XMLHttpRequest == 'undefined') {
xmlObjects = Array(
'Microsoft.XmlHttp',
'MSXML2.XmlHttp',
'MSXML2.XmlHttp.3.0',
'MSXML2.XmlHttp.4.0',
'MSXML2.XmlHttp.5.0'
);
for (i in xmlObjects) {
try {
return new ActiveXObject(objects[i]);
} catch (e) {}
}
} else {
return new XMLHttpRequest();
}
}
function get (id) {
return document.getElementById(id);
}
function getPage (url, element) {
el['results'] = get(element);
xml.open('get', url);
xml.onreadystatechange = function () {
if (xml.readyState == 4) {
el['results'].innerHTML = xml.responseText;
} else {
el['results'].innerHTML = 'Loading…';
}
}
xml.send(null);
}
function postPage (url, parameters, element) {
el['results'] = get(element);
xml.open('post', url);
xml.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xml.onreadystatechange = function () {
if (xml.readyState == 4) {
el['results'].innerHTML = xml.responseText;
} else {
el['results'].innerHTML = 'Loading…';
}
}
xml.send(window.encodeURI(parameters));
}

If you enjoyed this code please feel free to leave rep or comments (maybe both :eek:) :)

[designcode]

Yes thats a clean and easy to use code, but you should also post some code usage example for newbies here.

[bobby9101]

what does it do? what is it for? how to implement... details please

[rays]

this is nice code... but i guess it will confuse newbies more ... try and put lot of comments and sample usage ... i hope after this you will get some good green reps

[ZeRo_CoOl]

Very nice mate, weldone

[MeetHere]

Same question, what does it do ?

Can I see a working demo ? :)

[designcode]

Basically, with this code you can post variables to server and can catch response returned from server. I will try to post a practical implementation of this code tonight.

[TheException]

Thanks for sharing. I'm taking up learning Ajax myself actually. Hopefully I'll find a good book soon, it's nice to have a print book when learning any scripting or programming.

[designcode]

Hey TheException, but I think a short practical example or case study teaches you what you learn from 25 or 30 pages of book.

[3l3ctr1c]

I'll get a tutorial on this and some other opensource scripts of mine by today night soon!

[poseidon]

I'll get a tutorial on this and some other opensource scripts of mine by today night soon!

Eagerly waiting ... :)

[nico_swd]

I guess:

return new ActiveXObject(objects[i]);


Should be:

return new ActiveXObject(xmlObjects[i]);


:)

[3l3ctr1c]

There goes my tutorial on this

http://www.hakc.net/2007/02/15/the-hello-world-ajax-script/

Hope it's good and well explanatory!

[commandos]

i found great ajax free scripts :

http://www.dhtmlgoodies.com/index.html?page=ajax

[designcode]

Nice sharing commandos, thanks (y)

[-NB-]

Gimme my thread back :P

Thanks for all the comments and suggestions, guys! Sorry about the minor code error, check out nico_swd's post on the fix :)

Thanks,
Nick