1.ajax

1.ajax写在js脚本中

2.想一个给别人打电话的场景     拿手机(创建ajax对象)    拨号   按键(发送请求)   监听

3.XMLhttpRequest对象是整个Ajax开发的基础,它提供了客户端和服务器端进行异步通信的能力。    一方面它向服务器提交一个请求,获取指定页面的内容;另一方面将指定的数据提交到服务器.    存在兼容性问题.    XMLHttpRequest对象并不是一个标准。在不同的浏览器中有不同的实现。

4.XMLhttpRequest对象提供了onreadystatechange事件来捕获请求的状态;

5.readyState的值表示当前请求的状态,在事件处理程序中可以根据这个值来进行不同的处理。


6.判断请求的结果

status存储服务器端返回的HTTP请求响应代码,它表示请求的处理结果;


7.获取返回的结果

使用responseText属性可以获取请求页面的纯文本内容。

8.编写实现代码

if(window.XMLHttpRequest){

            var ajaxObj = new XMLHttpRequest();   //普通浏览器

}else{

           var ajaxObj  = new ActiveXObject("Microsoft.XMLHTTP");  //IE浏览器

}

ajaxObj.open("GET","test.txt",true);  // 参数: 请求方式   访问路径   是否异步  默认的是true

ajaxObj.send();

ajaxObj.onreadystatechange = function(){

          if(ajaxObj.readyState == 4){

                  if(ajaxObj.status >= 200 && ajaxObj.status <300 || ajaxObj.status == 404){

                           alert(ajaxObj.responseText);

}

}

}


9.test.txt 内容: rose

                       jack

                       hello

10.页面实现的效果


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容