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>

    分享技术,分享快乐!
     
     
  • 相关阅读:
    linux 下查看网速的方法 (不需要安装任何软件)
    Raspberry Pi Kernel Compilation 内核编译官方文档
    Kernel compiling for Pi 2
    从源码编译rpi的内核
    设备驱动调试和移植的一般方法
    爸爸的歌
    表扬?批评?
    日历插件js,jquery
    zepto jquery和zepto的区别?
    怎么学习PS快?
  • 原文地址:https://www.cnblogs.com/babywin/p/6485280.html
Copyright © 2011-2022 走看看