美文网首页
ajax简述

ajax简述

作者: 一苇一航 | 来源:发表于2018-10-08 09:42 被阅读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>

    ```

    相关文章

      网友评论

          本文标题:ajax简述

          本文链接:https://www.haomeiwen.com/subject/iyjdaftx.html