AJAX专题--体验AJAX知识点剖析实例贯串各知识点实现AJAX

《AJAX专题--体验AJAX知识点剖析实例贯串各知识点实现AJAX》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、AJAX专题该专题包含以下内容：1.专题思路.2・体验AJAX3.知识架构4.实例说明5.专题总结作者：邙伟林梧桐网络工作室专题思路在开始Ajax专题Z前，我觉得有必要向你说明我是以怎样的思路，怎样的内容来说明Ajax的，也便于你事先判断拿你宝贵的时间来关心这个专题是否值得。首先从要义描述Ajax,一一分析，并通过与传统方式比较和一个简单的示例，让你对Ajax有个比较深入的感性认识接着，详细地讲解Ajax各种主要特征，深刻地领悟它的要点，并提出进一步学习的建议与方法。第三步，在原理的指导下，实现Ajax比较突出的功能。最后，为我们这个专题做一番总结。特别声明五点：第一，

2、这个专题主要是Ajax+PHP+MySQL+DOM+XML方向，如果你更关注的是ASP,SQLServer,Java等，你可能需要选择更好的资料。第二，讲解内容绝不复制，老调重弹，而是以创造性激发自己，与在知识的海洋里探索的人们通过知识的纽带促成彼此的进步。第三借鉴了许多优秀的书籍和网络资源，促成了我独立地写出这些专题的可能性，深表感谢！第四：如果你有什么问题，有什么需要探讨的，或需要更多资源，你不烦联系我，木网站上你可以找到我的联系方式。第五，转载是欢迎的，不过请注明是來口梧桐网络。1hopeyourjourneythroughthissubjectwillbeapl

3、easantandusefulone!Let'sgetstarted.体验AJAXWhat'sAjax?从以下四个方面描述：<1>Ajcix:AsynchronousJavaScriptandXML,异步JavaScript和XML（Ajax覆盖面远非只包含JS与XML）,中文发音：阿贾克斯；〈2>通过XMLHttpRequest对象以界步的方式向服务器发送请求；服务器返回响应前，用户可以继续在原有的页而上进行操作而无需等待；<3〉使川Ajax技术，允许浏览器与服务器通信而无需刷新当前页面即可实现无缝更新（就是无闪烁的更新信息）；<4>与其说Ajax是一门独立的技术,不

4、如说是一种全新的技巧，它是把javasript,dom,xml,php,mysql等多种已冇技术巧妙地结合起來加以全新的使用。无需等待，继续在原冇页血操作，实现局部可以得出以这么儿个关键点：异步方式打服务器交4；新；多种已有技术的综合使用关键点剖析，深入浅出：（1）假设你要注册为梧桐网络会员，在你输入完用户名后，你的取名可能已经被別人占彳『，而梧桐网络又要求不能出现同名的现彖，这时你按提交按钮，等待一段时间后，网页返冋來提示你说要重新输入，这时你可能就会想：如果我输完后不用提交前就知道该用户是否存在该多好？是的，这就是开步方式与服务器交互：你输你的，你无须自己发出检査用

5、户名的请求，Ajax也会以'偷偷（界步）’的方式帮你做这件事。Ajax是怎样完成这件申的呢？你可以先粗粗的了解一下它工作的流程：首先你在网页上触发了某种事件，如你使输入框失去了焦点，或点击鼠标，或按下键，下载到浏览器的JS文件获取该事件后就会向服务器发出请求，服务器端接受请求，进行处理后返回结果，这时，JS文件收到返回的结果，进行处理后发送给浏览器，浏览器读取数据厉显示在用户的显示器上，这样就完成了一次异步地与服务器交互的行为。你可能会纳闷了：你讲的是Ajax,怎么却是JS在工作了？有这样一个比喻不知妥不妥当：爱因斯坦是一个知名的纯理论物理学家，他对丁•他的理论如何通过

6、实践来改变人类的发展史丝毫不感兴趣；Ajax就是这样一种理念：首先通过JS创建一个XMLHttpRequest对彖，这个对彖可以实现以界步的方式向服务器发送请求，并且预先构建一个函数，一口服务器端返回了结果，这个函数就可以对返回的结果进行处理并提交给浏览器，而所冇这些功能，我们就说是Ajax技术了。小结：这点从需耍的角度以一个例子的方式解释了异步的方式，以及粗粗地讲了一下实现异步交互的流程。接下來讲这种方式的特点，如何提高WEB用户的体验。⑵上面关于注册用户时的例子可以说明Ajax如何带给了WEB用户全新的体验;在传统的no-Ajax的网页里，你既需要明确指示“检查用户

7、名”是否存在，又不得不在网络繁忙情况下等待一段时间才能看到结果，而在等待结果的那段时间里，你对眼下的那份网页'无能为力'；而使用了Ajax后，你完全不用去管这件事了，因为你随时可以看到你输入的是否合法，不合法也丝毫不受影响，你继续输入就是了，直到对了为止。这时，你会发现页面没有刷新，没有闪烁，只是看到在某一个地方（不断地）出现了提示内容，其它的都没变化，这就是上面说的无缝更新和页面的局部更新信息。是不是觉得Ajax有点'酷'呢？学完这个专题后,你可能更能感受到它'酷'得有多厉害！（3）刚才说到了，Ajax是把多种技术综合起來巧妙地加以使用