实现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