AJAX学习

一、什么是AJAX？

异步javascript和xml

-------节省用户操作时间，提高用户体验，减少数据请求
-------传输获取数据

二、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)
        }
    }
}

三、兼容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')
}

四、open方法

参数：1、打开方式 2、地址 3、是否异步

表单：数据的提交

action:数据提交的地址
method:数据提交的方式

1.get:把数据

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!