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

AJAX 专题 该专题包含以下内容： 专题思路. 体验AJAX 知识架构 实例说明 专题总结 作者：邝伟林 梧桐网络工作室 专题思路 在开始Ajax专题之前，我觉得有必要向你说明我是以怎样的思路，怎样的内容来说明Ajax的，也便于你事先判断拿你宝贵的时间来关心这个专题是否值得。????首先从要义描述Ajax，一一分析，并通过与传统方式比较和一个简单的示例，让你对Ajax有个比较深入的感性认识????接着,详细地讲解Ajax各种主要特征，深刻地领悟它的要点，并提出进一步学习的建议与方法。????第三步，在原理的指导下，实现Ajax比较突出的功能。????最后，为我们这个专题做一番总结。????特别声明五点：????第一，这个专题主要是Ajax+PHP+MySQL+DOM+XML方向，如果你更关注的是ASP,SQL Server,Java等，你可能需要选择更好的资料。 ????第二，讲解内容绝不复制，老调重弹，而是以创造性激发自己，与在知识的海洋里探索的人们通过知识的纽带促成彼此的进步。 ????第三：借鉴了许多优秀的书籍和网络资源，促成了我独立地写出这些专题的可能性，深表感谢！ ????第四：如果你有什么问题，有什么需要探讨的，或需要更多资源，你不烦联系我，本网站上你可以找到我的联系方式。 ????第五，转载是欢迎的，不过请注明是来自梧桐网络。 ????I hope your journey through this subject will be a pleasant and useful one! Lets get started. Whats Ajax ？ 从以下四个方面描述：1 Ajax:Asynchronous JavaScript and XML,异步JavaScript和XML(Ajax覆盖面远非只包含JS与XML),中文发音：阿贾克斯；2通过XMLHttpRequest对象以异步的方式向服务器发送请求；服务器返回响应前，用户可以继续在原有的页面上进行操作而无需等待；3使用Ajax技术，允许浏览器与服务器通信而无需刷新当前页面即可实现无缝更新（就是无闪烁的更新信息）;4与其说Ajax是一门独立的技术，不如说是一种全新的技巧，它是把javasript,dom,xml,php,mysql等多种已有技术巧妙地结合起来加以全新的使用。可以得出以这么几个关键点：异步方式与服务器交互;????无需等待，继续在原有页面操作，实现局部更新;????多种已有技术的综合使用关键点剖析，深入浅出：（1）假设你要注册为梧桐网络会员，在你输入完用户名后，你的取名可能已经被别人占有，而梧桐网络又要求不能出现同名的现象，这时你按提交按钮，等待一段时间后，网页返回来提示你说要重新输入，这时你可能就会想：如果我输完后不用提交前就知道该用户是否存在该多好？是的，这就是异步方式与服务器交互：你输你的，你无须自己发出检查用户名的请求，Ajax也会以‘偷偷(异步)’的方式帮你做这件事。Ajax是怎样完成这件事的呢？你可以先粗粗的了解一下它工作的流程：首先你在网页上触发了某种事件，如你使输入框失去了焦点，或点击鼠标，或按下键，下载到浏览器的JS文件获取该事件后就会向服务器发出请求，服务器端接受请求，进行处理后返回结果，这时，JS文件收到返回的结果，进行处理后发送给浏览器，浏览器读取数据后显示在用户的显示器上，这样就完成了一次异步地与服务器交互的行为。你可能会纳闷了：你讲的是Ajax，怎么却是JS在工作了？有这样一个比喻不知妥不妥当：爱因斯坦是一个知名的纯理论物理学家，他对于他的理论如何通过实践来改变人类的发展史丝毫不感兴趣；Ajax就是这样一种理念：首先通过JS创建一个XMLHttpRequest对象，这个对象可以实现以异步的方式向服务器发送请求，并且预先构建一个函数，一旦服务器端返回了结果，这个函数就可以对返回的结果进行处理并提交给浏览器，而所有这些功能，我们就说是Ajax技术了。小结：这点从需要的角度以一个例子的方式解释了异步的方式，以及粗粗地讲了一下实现异步交互的流程。接下来讲这种方式的特点，如何提高WEB用户的体验。(2)上面关于注册用户时的例子可以说明Ajax如何带给了WEB用户全新的体验；在传统的 no-Ajax的网页里，你既需要明确指示“检查用户名”是否存在，又不得不在网络繁忙情况下等待一段时间才能看到结果，而在等待结果的那段时间里，你对眼下的那份网页‘无能为力’；而使用了Ajax后，你完全不用去管这件事了，因为你随时可以看到你输入的是否合法，不合法也丝毫不受影响，你继续输入就是了，直到对了为止