JS深入(Ajax)

Ajax的完整请求过程

1. 创建Ajax对象

2.连接到服务器

3.发送请求

4.接收返回值

read.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <input type="button"  id="btn" value="读取">
    <script>
        var obtn=document.getElementById("btn")

        //创建Ajax对象
        obtn.onclick=function(){
            var oAjax=new XMLHttpRequest()

        //连接服务器
        oAjax.open('GET','a.txt?t='+new Date().getTime(),true)//+new Date().getTime()用于保证a.text实时更新。true表示"异步传输"

        //发送请求
        oAjax.send()

        //接收返回
        oAjax.onreadystatechange=function(){
        if(oAjax.readyState==4){ //响应内容解析完毕
        if(oAjax.status==200){//解析成功
            alert(oAjax.responseText)
        }  
        else{
            alrt('s')
        }
    }
}
}
</script>
</body>
</html>

a.txt

abcsdfgh
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容