ajax

2017-12-19 15:35:54

AJAX = Asynchronous JavaScript And XML (异步 JavaScript 及XML)
1、创建Ajax对象
2、通过Ajax对象打开链接
3、发送请求
4、根据不同状态响应
-----------------------------------------------
  <script>
   function show(){
    var age=32;
    var ztz='赵桐正';
    //处理ajax
    //1.创建Ajax对象
    var oajax;//准备一个ajax对象变量
    if(window.XMLHttpRequest) {
     //适合 firefox chromw safari 等其他浏览器 Ie 7+
     oajax=new XMLHttpRequest();
    } else {
     //适合 ie 6，ie5
     oajax=new ActiveXObject("Microsoft.XMLHTTP");
    }
    //2.通过Ajax对象打开链接
    oajax.open('get','./show.php?name='+ztz+'&age='+age,true);//第一个参数代表传值的方式，第二个参数代表哪一个脚本处理，第三个参数决定是否异步处理（false为同步，true为异步）
    //3.发送请求
    oajax.send();
    //4.根据不同状态响应
    oajax.onreadystatechange=function(){
     if(oajax.readyState==4 && oajax.status==200) {
      document.getElementById('did').innerHTML=oajax.responseText;
     }
    }
   }
  </script>
 </head>
 <body>
  <div style="background:yellow;height:100px;" id='did'></div>
  <button onclick="show()">按我</button>
  <script>
   document.write(new Date());
  </script>
 </body> 
-----------show.php---------------------------
<?php
 echo "我爱你们啊啊啊啊啊!!".$_GET['name'].$_GET['age'];
?>