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:把数据