兑现Ajax的基本步骤-AJAX教程-爱易网页

兑现Ajax的基本步骤

日期：2014-05-16　浏览次数：20623 次

实现Ajax的基本步骤
要完整实现一个AJAX异步调用和局部刷新,通常需要以下几个步骤:
      (1)创建XMLHttpRequest对象,也就是创建一个异步调用对象.

      (2)创建一个新的HTTP请求,并指定该HTTP请求的方法、URL及验证信息.

      (3)设置响应HTTP请求状态变化的函数.

      (4)发送HTTP请求.

      (5)获取异步调用返回的数据.

      (6)使用JavaScript和DOM实现局部刷新.

1、创建XMLHttpRequest对象

      不同的浏览器使用的异步调用对象也有所不同,在IE浏览器中异步调用使用的是XMLHTTP组件中的XMLHttpRequest对象,而在Netscape、Firefox浏览器中则直接使用XMLHttpRequest组件。因此,在不同浏览器中创建XMLHttpRequest对象的方式都有所不同.

    在IE浏览器中创建XMLHttpRequest对象的方式如下所示:

    var xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");

    在Netscape浏览器中创建XMLHttpRequest对象的方式如下所示:

    var xmlHttpRequest = new XMLHttpRequest();

    由于无法确定用户使用的是什么浏览器,所以在创建XMLHttpRequest对象时,最好将以上两种方法都加上.如以下代码所示:

<html>

           <head>

                         <title>创建XMLHttpRequest对象</title>

                         <script language = "javascript" type = "text/javascript">

                         <!--

                                var xmlHttpRequest; //定义一个变量,用于存放XMLHttpRequest对象

                                function createXMLHttpRequest()    //创建XMLHttpRequest对象的方法

                               {

                                         if(window.ActiveXObject)   //判断是否是IE浏览器

                                        {

                                                  xmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP"); //创建IE浏览器中的XMLHttpRequest对象

                                        }

                                        else if(window.XMLHttpRequest)    //判断是否是Netscape等其他支持XMLHttpR

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

兑现Ajax的基本步骤

相关资料更多>

推荐阅读更多>