码迷,mamicode.com
首页 > 编程语言 > 详细

javascript-ajax

时间:2016-11-02 17:46:47      阅读:166      评论:0      收藏:0      [点我收藏+]

标签:class   浏览器   之间   send   事件   status   为什么   data   接下来   

1.为什么使用ajax

ajax使用异步处理模型,意味着在浏览器等待数据加载期间,用户可以做其他事情

在页面正在加载时使用ajax:使用ajax,浏览器可以向服务器请求一些数据,并且一旦数据请求发出,就可以继续加载页面,处理用户与页面之间的交互,(异步,非阻塞模型)

浏览器无需等待第三方数据就可以展示页面,如果服务器响应并返回了数据(如页面加载完触发load事件一样)。事件接下来会调用一个函数

在页面已经加载完毕后用ajax:页面加载完后,如还想更改用户看到的内容,通常需要刷新整个页面,意味着用户必须等待浏览器下载并刷新渲染整个页面。使用ajax,一旦服务器响应请求,一个特殊的Ajax事件就会触发某段脚本,读取来自服务器的新数据

var xhr=new XMLHttpRequest();
xhr.open(‘GET‘,‘data/data.js‘,true);
xhr.send();
xhr.onreadystatechange=function(){
  if(xhr.readyState==4){
    if(xhr.status==200){
      console.log("success"); 
   }else{
      console.log("false")  
  }             
  }  

}

  

javascript-ajax

标签:class   浏览器   之间   send   事件   status   为什么   data   接下来   

原文地址:http://www.cnblogs.com/weizaiyes/p/6023454.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!