zoukankan      html  css  js  c++  java
  • 简述 AJAX 及基本步骤

    简述 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>

    分享技术,分享快乐!
     
     
  • 相关阅读:
    串学习笔记
    C深度剖析学习笔记
    记英语单词ag
    树学习笔记
    如何做好项目总结
    易学队第二次团队会议
    易学队第四次团队会议
    易学队第五次团队会议
    易学队第一次团队会议
    易学队第三次团队会议
  • 原文地址:https://www.cnblogs.com/babywin/p/6485280.html
Copyright © 2011-2022 走看看