Comments on: AJAX – Beginner AJAX Tutorial

By: Irfan

Irfan — Wed, 12 Oct 2011 07:04:55 +0000

Hey dude great work,Can you guide me to other related beginner’s level work..

By: Codehead

Codehead — Mon, 09 May 2011 20:05:22 +0000

Hi, these articles are written a while ago, I moved on to jQuery personally, I will rewrite them soon hopefully, in the mean time try looking for Ajax with jQuery, the concept presented here is the same concept used for Ajax websites though…

By: DUDE

DUDE — Mon, 09 May 2011 20:02:09 +0000

but strangely it works with IE

By: DUDE

DUDE — Mon, 09 May 2011 20:00:34 +0000

I am using Firefox 4 and am having the same problem: I am getting “Server or your connection is death” from clicking both “Send request” or “Fail a request”

By: MAN

MAN — Tue, 07 Sep 2010 01:13:02 +0000

*google chrome

By: MAN

MAN — Tue, 07 Sep 2010 01:12:46 +0000

me too have same problem and i changed the number but same error
because i am using google vhrome but other browser is working
thanks

By: Codehead

Codehead — Mon, 01 Feb 2010 22:22:29 +0000

Great!

Are you on a dial-up connection? Because the timeout is already 10 seconds…

I’m glad you figured it out

By: Baptiste

Baptiste — Mon, 01 Feb 2010 21:52:43 +0000

No i don’t use firewall.

I put the timeout to 20000 and it is good !

By: Codehead

Codehead — Mon, 01 Feb 2010 21:37:38 +0000

Are you using a firewall?

Some firewalls block AJAX…

By: Baptiste

Baptiste — Mon, 01 Feb 2010 21:09:05 +0000

No i didn’t modify this code. It’s the basic code demo :

Beginner AJAX Tutorial – Progress Bar

function success_handler(o) {
replace_html(‘content’, o.responseText);
}

function failure_handler(o) {
replace_html(‘content’, ‘Server or your connection is death’);
}

function replace_html(id, content) {
document.getElementById(id).innerHTML = content;
}

function show_progressbar(id) {
replace_html(id, ”);
}

function send_request() {
show_progressbar(‘content’);
var callback = { success:success_handler, failure:failure_handler, timeout: 10000 };
YAHOO.util.Connect.asyncRequest(‘GET’, ‘http://images.code-head.com/tutorials/ajax/beginner-ajax-tutorial.php', callback);
}

function test_failure() {
show_progressbar(‘content’);
var callback = { success:success_handler, failure:failure_handler, timeout: 10000 };
YAHOO.util.Connect.asyncRequest(‘GET’, ‘http://images.code-head.com/tutorials/ajax/some-file-that-doesnt-exists.php', callback);
}

var progress_bar = new Image();
progress_bar.src = ‘http://images.code-head.com/progress-bars/4.gif';