AJAX进修

2024年5月23日 147次阅读 来源: 旭灬

一、什么是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:把数据

    原文作者：旭灬
    原文地址: https://segmentfault.com/a/1190000004965481
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞