jQuery入门到精通第6章AJAX快餐.docx
- 文档编号:30530669
- 上传时间:2023-08-16
- 格式:DOCX
- 页数:23
- 大小:34.85KB
jQuery入门到精通第6章AJAX快餐.docx
《jQuery入门到精通第6章AJAX快餐.docx》由会员分享,可在线阅读,更多相关《jQuery入门到精通第6章AJAX快餐.docx(23页珍藏版)》请在冰豆网上搜索。
jQuery入门到精通第6章AJAX快餐
一.摘要
本系列文章将带您进入jQuery的精彩世界,其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍.
本篇文章讲解如何使用jQuery方便快捷的实现Ajax功能.统一所有开发人员使用Ajax的方式.
二.前言
Ajax让用户页面丰富起来,增强了用户体验.使用Ajax是所有Web开发的必修课.虽然Ajax技术并不复杂,但是实现方式还是会因为每个开发人员的而有所差异.jQuery提供了一系列Ajax函数来帮助我们统一这种差异,并且让调用Ajax更加简单.
三.原始Ajax与jQuery中的Ajax
首先通过实例,来看一下jQuery实现Ajax有多简单.下面是一个使用原始Ajax的示例:
DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
//www.w3.org/1999/xhtml">
$(function()
{
varxhr=newAjaxXmlHttpRequest();
$("#btnAjaxOld").click(function(event)
{
varxhr=newAjaxXmlHttpRequest();
xhr.onreadystatechange=function()
{
if(xhr.readyState==4)
{
document.getElementById("divResult").innerHTML=xhr.responseText;
}
}
xhr.open("GET","data/AjaxGetCityInfo.aspx?
resultType=html",true);
xhr.send(null);
});
})
//跨浏览器获取XmlHttpRequest对象
functionAjaxXmlHttpRequest()
{
varxmlHttp;
try
{
//Firefox,Opera8.0+,Safari
xmlHttp=newXMLHttpRequest();
}
catch(e)
{
//InternetExplorer
try
{
xmlHttp=newActiveXObject("Msxml2.XMLHTTP");
}
catch(e)
{
try
{
xmlHttp=newActiveXObject("Microsoft.XMLHTTP");
}
catch(e)
{
alert("您的浏览器不支持AJAX!
");
returnfalse;
}
}
}
returnxmlHttp;
}