我们浏览网页时,很多网页不用提交就更新了网页内容。这种方式改善了客户的体验,也减少了网页刷新。
AJAX技术主要通过XMLHttpRequest对象来与服务器交换数据。
下面是其实现的技术:
//创建XMLHttpRequest对象
function createAjaxHttp()
{
var obj;
if(window.XMLHttpRequest)
{ //Mozilla 浏览器
obj = new XMLHttpRequest();
}
else if (window.ActiveXObject) { // IE浏览器
try {
obj = new ActiveXObject("Msxml2.XMLHTTP");
} catch(e){
try{
obj = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
return obj;
}
//调用函数,str_URL为请求页面的地址
function AjaxStart(str_URL )
{
xml_obj = createAjaxHttp();
xml_obj.open("GET", str_URL, true);
xml_obj.onreadystatechange = GetValue; //返回处理函数
xml_obj.send(null); // 发送请求
}
//当有返回值时的响应函数
function GetValue()
{
if(xml_obj.readyState == 4 && xml_obj.status == 200)
{
//返回的字符值
alert(xml_obj.responseText);
}
}
这就是AJAX技术的核心所在
异步更新,AJAX技术
最新推荐文章于 2024-06-12 14:49:19 发布