[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")
}
```
- 效果实例
- 1.点击增加高度
- 2.tab页面切换
- 3. 列表切换
- 4. 隔行变色
- 5. swiper 轮播
- 6.vue
- 7.定时器
- 8. 向表格中添加数据
- 9 瀑布流
- 1.JavaScript基础
- 1. 变量
- 2. 调试
- 3.数据类型
- 4.转换
- 5.控制语句
- 6.运算
- 7. this
- 8 JSON对象和javascript对象的相互转换
- 2.JavaScript的控制语句
- 1. 基本控制语句
- 2.节点
- 2.1DOM补充
- 3. 函数
- js的模块化如何解决
- 不知道有什么用的
- 4.数组
- 5. String
- 补充
- 6.Ajax
- 1. 原生Ajax
- 2. HTTP/get/post
- 3.jQuery-Ajax
- 4.跨域
- 5.axios
- 6.封装
- Ajax效果
- ajax补充
- 7. 正则
- 1.创建正则表达式
- 2. 正则的api
- 3.正则语法
- 4.例子
- 量词
- 8.面向对象
- 1.原型
- ES6
- 模块化
- 1.回调地狱
- 什么是回调地狱
- 简单封装
- promise解决回调地狱
- generator解决回调地狱
- async解决回调地狱
- 2.封装
- Ajax,promise
- JavaScript难点
- 1. 闭包/作用域
- 2.原型链
- 3. 兼容性
- 适配
- JavaScript小效果
- 字符串截取