Ajax实现原理
当下盛行的Ajax
现在Ajax框架数不胜数,Ajax的功能也太庞大的以至于它连它的父辈Javascript都带动起来了,记得我最初接触web的时候Javascript还没到达有现在的高度,如今随着客户提醒越来越重要,很多软件开发并不仅仅停留在功能实现的要求上,而是更注重交互、分享和互动(这也是web2.0的目标)。其实这也是完全正确的,毕竟那种仅仅赋予功能的东西我们不能满足了,例如你买东西还想要挑好看的呢,何况软件开发呢。回到正题,Ajax框架我还是赞成使用的,毕竟自己来实现效率太慢了,像目前优秀的javascript框架jQuery就不得不令人赞赏,而且它也是越来越受欢迎,连微软都在Asp.Net MVC框架中自带了jQuery。但是我觉还是有必要了解Ajax的本质的,这样你才能运用自如。
Ajax
的工作
Ajax直觉认识:我们发送一个请求,但是这个请求比较特殊它是异步的,也就是说客户端是不会感觉到的。在发送这个请求的时候我们绑定了一个事件,这个事件会监控我们发送请求的状态,并且每次状态改变都会触发,所以我们就可以根据不同的状态让他执行不同的操作。请求到达服务器端的后服务器端根据相应的请求返回对应的信息,这个返回信息我们可以取得并且是异步得到,不会引起客户端刷新。既然在上面已经绑定了监控状态变化的事件,我们就可以在那里首先做好在得到返回信息要做的处理(当然如果失败也会有相应的状态我们也会做出相应的处理),我们在处理中得到返回信息通过javascript在客户端做相应操作即可。
Ajax
核心—XMLHttpRequest
上面我们大概感受了一下Ajax的过程,我们发现发送异步请求才是核心,事实上它就是XMLHttpRequest,整个Ajax之所以能完成异步请求完全是因为这个对应可以发送异步请求的缘故。而且我们又发现上面那个事件就是整个处理过程的核心,可以根据不同状态执行不同操作,其实它就是XMLHttpRequest的方法onreadystatechange,它在每次状态发生改变时都会触发。那么是谁取得的返回信息呢?它就是XMLHttpRequest的另一个方法responseText(当然还有responseXML)。(⊙o⊙)哦,我们还没有说发送给谁以及执行发送操作,这两个就是XMLHttpRequest的open和send方法。Y(^o^)Y,其他的当然还有了,我们直接列出来吧:
XMLHttpRequest
对象
属性
readyState
请求状态,开始请求时值为0直到请求完成这个
相关文档:
以前提交表单的方法是submit,但是这样的话无法使用Ajax,一提交就意味着需要刷新页面。另一种方法是在url上面加上parameter来发送表单,但是这样会暴露发送的内容。但是如果用Ajax发送表单的话就能避免上面两种问题。
但是我之前自己写的时候,总是提交的是null值,运 ......
打开请求
有了要连接的 URL 后就可以配置请求了。可以用 XMLHttpRequest 对象的 open() 方法来完成。该方法有五个参数:
request-type:发送请求的类型。典型的值是 GET 或 POST,但也可以发送 HEAD 请求。
url:要连接的 URL。
asynch:如果希望使用异步连接则为 true,否则为 false。该参数是可选的,默认为 true。
......
Private static readonly object ReflectionLock = new object();
Lock (ReflectionLock)
{
Type scriptManagerType =
Type.GetType(
"System.Web.UI.ScriptManager, System.Web.Extensions, Version=3.5.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35",
false);
......
AJAX技术应用详解 收藏
AJAX是Asynchronous JavaScript and XML 的缩写。它并不是一门新的语言或技术,它实际上是几项技术按一定的方式组合在一在同共的协作中发挥各自的作用,它包括:使用XHTML和CSS标准化呈现;使用DOM实现动态显示和交互;使用XML和XSLT进行数据交换与处理;使用XMLHttpRequest进行异步数据读取;最 ......
一个MyEclipse里的AJAX例子2008-03-19 19:53本例将在页面的参数以Get和POST两种方式传递到服务器,并回显到页面; 本例共包括两个主要文件getAndPostExample.html和GetAndPostExample.java以及一个配置文件web.xml 建立文件的步骤: 1.在Eclipse新建一个web project-->ajax1 2.在ajax1里面新建一个getAndPostExample.htm ......