🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
[TOC] ## 1.什么是Ajax > Asynchronous JavaScript and XML > (异步的JavaScript 和XML) **Ajax不是某种编程语言** **是一种在无需重新加载整个网页的情况下,能够局部更新网页的技术** ## 2.同步与异步 ###2.1同步 **客户端在等待服务器端响应的过程中,不能做任何事情,这就是同步** ### 2.2异步 **异步:客户端发起请求,在服务器端响应的过程中,可以进行其他的操作** > 所有的现代浏览器,都支持Ajax,IE6以下不支持 ## 3.JSON数据 ### 3.1JSON基本概念 * JSON:javascript对象表示法(javascript object notation) * JSON是存储和交换文本信息的语法,类似XML。它采用键值对的方式来组织,易于人们阅读和编写,同时也易于机器解析和生成 * JSON是独立于语言的,也就是说不管什么语言,都可以解析json,只需要按照json的规则来就行 ### 3.2JSON语法规则 ~~~ { "staff":[ {"name":"洪七","age":70}, {"name":"郭靖","age":35}, {"name":"黄蓉","age":30} ] } ~~~ ### 3.3JSON的解析 > 使用JSON.parse() ## 4.如何使用ajax * A. HTML和CSS实现页面 * B. Ajax和Web服务器进行数据的异步交换 * C. 运用JS操作DOM实现动态的局部刷新 ## 5.创建ajax核心对象 ~~~ var xhr = new XMLHttpRequest(); var xhr; if(window.XMLHttpRequest){ xhr = new XMLHttpRequest; }else { //ie6 xhr = new ActiveXOject("Microsoft.XMLHTTP") } ~~~