AJAX异步操作学习

来源:互联网 发布:天干地支最简单的算法 编辑:程序博客网 时间:2024/06/03 17:46

       AJAX其实就是局部刷新的技术,只对页面的部分区域进行刷新,这一点在很多场合下能大大提高性能。

       而和AJAX一起被提到的还有一个叫做‘异步’的词。这其实指的是,在用户没有加载页面的情况下,偷偷完成了对服务器的访问。最常见的一个例子,就是在用户注册账号密码的时候,你输进去后跳转到其它条目,就会有提示说这个账号已经被注册了。而你根本就没有点提交按钮,这就是一种异步。

      AJAX的实现其实很简单。在这个过程中甚至是不需要用到JSP的。主要是使用JS代码。在JS脚本中,有一个对象叫做XMLHttpRequest,使用AJAX实现异步可以说就是以下几步:

      1 创建一个javascript代码段,先var一个xmlHttp的对象,此时为空值。

      2 写一个方法,creatXMLHttp(),为xmlHttp对象附上值。

      3 写一个check方法,在这个方法中调用2中的方法,并通过xmlHttp对象中的open方法访问服务器并向服务器传出参数。然后声明一个回调函数,这个函数会在服务器回应的时候执行。最后用xmlHttp.send(null);收尾。

      4 写一个回调函数。首先写一个判断语句,是否服务器正确返回信息,如果正确,则根据xmlHttp.responseText得到服务器返回的信息,并根据这个信息在html中输出。

      5 这个时候,已经把事件写完了,只需要告诉程序什么时候调用这个AJAX事件就可以了。这个时候,可以在input标签中加入onblur=“check方法(参数)”一切就大功告成了。

      以上五步就是使用了AJAX完成了一次异步操作。

0 0