🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
[TOC] ## 1. 什么是Ajax > Asynchronous JavaScript and XML (异步的JavaScript 和XML) Ajax不是某种编程语言 是一种在无需重新加载整个网页的情况下,能够局部更新网页的技术 ### 1.什么是同步和异步 > 同步:提交请求->等待服务器处理->处理完毕返回(这个期间客户端浏览器不能干任何事) > 异步: 请求通过事件触发->服务器处理(这时客户端浏览器仍然可以作其他事情)->处理完毕 ## 2. json数据 ![](https://box.kancloud.cn/2d9347c058312f8c661d76b70b32a019_726x318.png) ![](https://box.kancloud.cn/7a431860cea3b5ebcbc4f23bd4ff10e5_704x375.png) ### 2.1JSON的解析 使用JSON.parse() ## 3.如何使用Ajax A. HTML和CSS实现页面 B. Ajax和Web服务器进行数据的异步交换 C. 运用JS操作DOM实现动态的局部刷新 ## 4. 创建Ajax核心对象 ``` var xhr = new XMLHttpRequest(); var xhr; if(window.XMLHttpRequest){ xhr = new XMLHttpRequest; }else { //ie6 xhr = new ActiveXOject("Microsoft.XMLHTTP") } ```