ajax初探01
2023-02-18 16:29:38 时间
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") } } }
相关文章
- stars-one原创工具——m3u8视频下载合并器(kotlin)
- Spring框架学习笔记(7)——Spring Boot 实现上传和下载
- Spring框架学习笔记(6)——阿里云服务器部署Spring Boot项目(jar包)
- Spring框架学习笔记(5)——Spring Boot创建与使用
- Spring框架学习笔记(4)——SSM整合以及创建Maven自定义模版骨架
- Spring框架学习笔记(3)——SpringMVC框架
- Spring框架学习笔记(1)——控制反转IOC与依赖注入DI
- stars-one的原创工具——APK签名验证破解工具
- Mybatis使用入门,这一篇就够了
- Kotlin学习快速入门(5)——空安全
- Kotlin学习快速入门(4)——集合使用
- Kotlin学习快速入门(3)——类 继承 接口
- Kotlin学习快速入门(2)——条件 数组 循环 方法
- Kotlin学习快速入门(1)——基本数据类型以及String常用方法使用
- JQuery学习笔记(4)——ajax
- JQuery学习笔记(3)——节点操作 节点查找
- JQuery学习笔记(2)——数组 属性 事件
- JQuery学习笔记(1)——选择器
- Web前端—— JQuery迷你版实现以及使用
- Web前端——css