给初学ajax朋友的一个小demo

最新推荐文章于 2025-11-12 20:35:23 发布

原创最新推荐文章于 2025-11-12 20:35:23 发布 · 106 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Ajax #Safari #Firefox #Struts #Opera

本文介绍了实现AJAX的两种方法：一是创建XMLHttpRequest对象，二是进行异步提交。通过具体代码展示了如何使用这些方法来发起GET请求并处理服务器响应。

[size=medium][color=green][/color]
第一个方法用来创建XMlHttpRequest
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("您的浏览器不支持AJAX！");

}
}
}
return xmlHttp;
}
第二个用来进行异部提交
function change(){
var xmlhttp;
//这里调用了上面的方法
xmlhttp= ajaxFunction();
xmlhttp.onreadystatechange=callback;
//这里用来向服务器创建一个异部请求，是一个相当关键的一步，可以是一个servlet的位置，也可以是一个struts中的action位置
xmlhttp.open("GET","firstajaxpage.jsp",true);
xmlhttp.send(null);
function callback()
{
if(xmlhttp.readyState==4)
{
document.myForm.time.value=xmlhttp.responseText;
}
}

}[/size]