ajax简述

2018-10-08  本文已影响6人  一苇一航

简述 AJAX:

AJAX即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML),是指一种创建交互式网页应用的网页开发技术。

通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。

AJAX 基本步骤:

function ajax(url, fnSucc, fnFaild)

{

  //1.创建Ajax对象

  var oAjax=null;

  if(window.XMLHttpRequest)

  {

      oAjax=new XMLHttpRequest();

  }

  else

  {

      oAjax=new ActiveXObject("Microsoft.XMLHTTP");

  }

  //2.连接服务器,准备数据

  oAjax.open('GET', url, true);  //oAjax.open(“方式”,”地址”,是否为异步);

  //3.发送请求

  oAjax.send();

  //4.接收服务器的返回

  oAjax.onreadystatechange=function ()

  {

      if(oAjax.readyState==4)    //完成

      {

        if(oAjax.status==200)  //成功

        {

            fnSucc(oAjax.responseText);

        }

        else

        {

            if(fnFaild)

              fnFaild(oAjax.status);

        }

      }

  };

}

示例:

```

<body>

  点击按钮的时候读取ajax.txt<br>

  <input type="button" value="点击">

  <script src="ajax.js"></script>

  <script>

      var oBtn = document.getElementsByTagName('input')[0];

      oBtn.onclick=function(){

          ajax('ajax.txt',function(str){

             alert(str);

         });

      };

  </script>

</body>

```

上一篇下一篇

猜你喜欢

热点阅读