AJAX學習

1、什麼是AJAX？

異步javascript和xml

-------節省用戶操做時間，提升用戶體驗，減小數據請求
-------傳輸獲取數據

2、AJAX的簡單交互流程：

<form action="1.get.php">
    <input type="text" name="username">
    <input type="submit" value="提交">
</form>

var btn1=document.getElementById("btn1")

btn1.onclick=function(){
    
    //打開瀏覽器   建立一個AJAX對象
    var xhr=new XMLHttpRequest()
    
    //在地址欄輸入地址
    
    xhr.open('get','1.txt.txt',true)

    //提交
    xhr.send()
    
    //等待服務器返回內容
    xhr.onreadystatechange=function(){
        if(xhr.readyState==4){
            alert(xhr.responseText)
        }
    }
}

3、兼容IE6辦法

1. var xhr=null;

   if(window.XMLHttpRequest){

   xhr=new XMLHttpRequest()

   }else{

   xhr=new Activ

   }

2.利用try catch方法

try{ xhr=new XMLHttpRequest();

}catch(e){
xhr=new ActiveXObject('Microsoft.XMLHTTP')
}

4、open方法

參數：一、打開方式 二、地址 三、是否異步

表單：數據的提交

action:數據提交的地址
method:數據提交的方式

1.get:把數據