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

    Ajax 是一种用于创建快速动态网页的技术。

    Ajax 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。

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

    传统的网页(不使用 Ajax)如果需要更新内容,必须重载整个网页页面。

    Ajax,我个人喜欢读作:啊,贾克斯(LOL的武器大师)

    如果你想使用ajax,首先你得创建XMLHTTPRequest对象,XMLHttp对象在现代浏览器中均支持,只不过在IE5、IE6要使用 ActiveXObject("Microsoft.XMLHTTP");兼容性,可以不管IE5、6的用户,因为实在是少得可怜,加上使用IE5、6的用户都是超级老用户,但为了良好的用户体验,推荐照顾(也就几行的事,也为了规范)。

        咱们开始Ajax吧!

        ajax基本步骤:

  1.创建XMLHttpRequest对象,也就是创建一个异步调用对象.

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

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

  4.发送HTTP请求.

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

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


例子:

 首先在html里面加一个按钮:

       <button id="button">ajax请求PHP</button>

    

//创建XMLHTTPRequest对象,直接new一个

function getAjax()
 {
 var xmlHttp;
 
 try
    {
   // Firefox, Opera 8.0+, Safari
    return new XMLHttpRequest();
    }
 catch (e)
    {

  // Internet Explorer
   try
      {
     return new ActiveXObject("Msxml2.XMLHTTP");
      }
   catch (e)
      {

      try
         {
      return new ActiveXObject("Microsoft.XMLHTTP");
         }
      catch (e)
         {
         alert("您的浏览器不支持AJAX!");
         return false;
         }
      }
    }
 }

var xhr =getAjax; //以GET方式异步请求a.php /*

  • method:请求的类型;GET 或 POST
  • url:文件在服务器上的位置
  • async:true(异步)或 false(同步)
  • */ xhr.open("GET","a.php",true) xhr.onload=function(){

        console.log(this.responseText);

    } xhr.send();


       php代码

    <?php
    
    
    echo "Hello,world";
    
    
    
    


    最后修改:2018 年 04月 12日 13:57:12

    文章声明:非特殊说明,本文版权归 凌萍分享 所有,转载请注明出处
    本文标题:初识Ajax
    本文标签:ajax,异步
    如果觉得本篇文章对你有用,请随意赞赏;赞赏将用于服务器、域名开支