js ajax的实现与应用

qq_38694034

于 2018-01-26 17:09:45 发布

阅读量249

点赞数 1

CC 4.0 BY-SA版权

文章标签： ajax js ajax简单实现

本文链接：https://blog.youkuaiyun.com/qq_38694034/article/details/79174487

本文介绍如何使用Ajax技术通过GET请求从服务器加载文本文件，并在网页中显示其内容。文章详细解释了创建XMLHttpRequest对象的过程，设置回调函数来监听通信状态，以及处理成功或失败的情况。

XMLHttpRequest对象用来在浏览器与服务器之间传送数据。

ajax实现访问文本的简单案例，在服务器环境下：

//创建ajax对象，不兼容IE低版本
 var xhr = new XMLHttpRequest();
 // onreadstatechange指定回调函数，可以动态的监听通信状态（readyState）,

 xhr.onreadystatechange = function () {
     //通信状态为4的时候，表示浏览器已经完全接受服务器数据，后者本次接受已失败
     if(xhr.readyState === 4){
         //status 表示http的状态码，200表示正常
         if(xhr.status === 200){
             document.write(xhr.responseText);
         }else{
             document.write(xhr.statusText);
         }
     }
 };
 xhr.onerror = function (e) {
     console.error(xhr.statusText);
 };
 // GET方式, 路径为本地环境下的路径， true表示异步请求，false同步
 xhr.open('GET','./1.txt',true);

 xhr.send(null);