Simple Ajax request error

View: New views

2 Messages — Rating Filter: Alert me

Simple Ajax request error

by msg2ajay :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

hello,
i am very new to Ajax i have tried an example but it showing some error can anybady tell me where i am doing mistake... my coding is as follows

ajax.html:
-----------

<html><body><script type="text/javascript">
function ajaxFunction()
{
var xmlHttp;
try
{ // Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{ // Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
alert("Your browser does not support AJAX!");
return false;
}
}
}
xmlHttp.onreadystatechange=function()
{
if(xmlHttp.readyState==4)
{
document.myForm.time.value=xmlHttp.responseText;
}
}
xmlHttp.open("GET","/home.jsp",true);
xmlHttp.send(null);
}
</script>
<form name="myForm">
Name: <input type="text" onkeyup="ajaxFunction();" name="username" />
Time: <input type="text" name="time" />
</form>
</body>
</html>

home.jsp:
---------
<html>
<head>
</head>
<body>
<%
response.expires=-1
response.write(time)
%>
</body>
</html>

-------------------------------------------------------------------------
i have placed two files in same folder...

thanQ in Adv.
Ajay

Re: Simple Ajax request error

by traplist :: Rate this Message:

Reply to Author | View Threaded | Show Only this Message

If you are new to javascript and ajax in general I would stick to the normal method of coding and define each function as its own instead of trying to declare the function on the spot. It will make debugging much easier. I would also recommend you read this article to get a great understanding of ajax and how everything works:
Simple Ajax Request With PHP and Javascript

Just substitute the PHP code for your JSP code and all should work.

As for your script, I would run the following and tell me what the alert says that you get back. I think the problem may be in your .jsp file because I tested the code in firefox and it seems to work fine on my end (I just replaced the home.jsp with a basic php hello world script). Also what browser are you using to test this? Sometimes a send(null) can cause issues depending on the browser.

<html><body><script type="text/javascript">
function ajaxFunction()
{
var xmlHttp;
try
{ // Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{ // Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
alert("Your browser does not support AJAX!");
return false;
}
}
}

xmlHttp.onreadystatechange=function()
{

if(xmlHttp.readyState==4)
{
document.myForm.time.value=xmlHttp.responseText;
}
alert(xmlHttp.status);
}
xmlHttp.open("GET","/home.jsp",true);
xmlHttp.send(null);
}
</script>
<form name="myForm">
Name: <input type="text" onkeyup="ajaxFunction();" name="username" />
Time: <input type="text" name="time" />
</form>
</body>
</html>

msg2ajay wrote:

hello,
i am very new to Ajax i have tried an example but it showing some error can anybady tell me where i am doing mistake... my coding is as follows

ajax.html:
-----------

<html><body><script type="text/javascript">
function ajaxFunction()
{
var xmlHttp;
try
{ // Firefox, Opera 8.0+, Safari
xmlHttp=new XMLHttpRequest();
}
catch (e)
{ // Internet Explorer
try
{
xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
alert("Your browser does not support AJAX!");
return false;
}
}
}
xmlHttp.onreadystatechange=function()
{
if(xmlHttp.readyState==4)
{
document.myForm.time.value=xmlHttp.responseText;
}
}
xmlHttp.open("GET","/home.jsp",true);
xmlHttp.send(null);
}
</script>
<form name="myForm">
Name: <input type="text" onkeyup="ajaxFunction();" name="username" />
Time: <input type="text" name="time" />
</form>
</body>
</html>

home.jsp:
---------
<html>
<head>
</head>
<body>
<%
response.expires=-1
response.write(time)
%>
</body>
</html>

-------------------------------------------------------------------------
i have placed two files in same folder...

thanQ in Adv.
Ajay