码迷,mamicode.com
首页 > Web开发 > 详细

实现Ajax

时间:2015-09-02 01:52:56      阅读:116      评论:0      收藏:0      [点我收藏+]

标签:

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/4777401.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!