javascript-ajax

Posted WWSASUKE

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript-ajax相关的知识,希望对你有一定的参考价值。

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的主要内容,如果未能解决你的问题,请参考以下文章

前端文件上传-javascript-ajax

javascript-ajax

在javascript-ajax中提交表单时如何显示进度条

MooTools产品荧光笔工具提示

微信小程序代码片段

VSCode自定义代码片段——CSS选择器