实现Ajax

Ajax的核心操作是异步调用和局部更新。异步调用主要由XMLHttpRequest实现,局部更新常由DOM实现。

要完整实现一个Ajax异步调用,通常有以下几个步骤:

1、创建一个XMlHttpRequest对象,即异步调用对象。

2、在创建XMLHttpRequest对象之后,还必须为该对象指定一个函数,其作用是响应XMLHttpRequest对象状态的变化,从而判断XMLHttpRequest对象的异步调用是否完成。

3、使用XMLHttpRequest对象的open()方法创建一个Http请求。在Http请求中,可以设置请求的方式、URL和验证信息。

4、使用XMLHttpRequest对象的send()方法发送Http请求。

以上个步骤的作用是创建一个Ajax异步调用。在Ajax异步调用时,还必须要从服务器上获得返回的数据,并在网页上局部更新,这样才是一个完整的Ajax实现过程。而从服务器上获得返回的数据,在第2步所创建的响应HTTP请求状态变化的函数中完成。该函数的实现步骤如下:

1、判断异步调用是否完成。

2、如果异步调用完成,还必须判断异步调用是否执行成功。注意完成和成功是两个完全不同的状态。

3、如果异步调用成功,则使用DOM实现局部数据的更新。

最后,再使用一个事件来触发Ajax的异步调用。

 一个简单的Ajax实例,参考链接:http://www.cnblogs.com/yulian/p/4777413.html

原文地址:https://www.cnblogs.com/yulian/p/4777401.html