[TOC]
# Ajax基础
1. 概念
* Asynchronous JavaScript + XML(异步JavaScript和XML), 其本身不是一种新技术,而是一种现有**技术集合**的描述。
* 网页应用能够快速地将**增量更新**呈现在用户界面上,而**不需要刷新**整个页面。
2. 技术集合
* HTML(网页的结构和内容)
* CSS(网页的呈现)
* JavaScript(事件驱动触发交互;处理响应信息)
* XMLHttpRequest(向服务器发送请求并获得响应)
* Text/XML/JSON(存储数据)
# Ajax步骤
发送一个 HTTP 请求,需要创建一个 `XMLHttpRequest` 对象,打开一个 URL,最后发送请求。当所有这些事务完成后,该对象将会包含一些诸如响应主体或HTTP status的有用信息。
1. 创建 `XMLHttpRequest` 对象
`var xhr = new XMLHttpRequest();`
2. 创建URL请求
`xhr.open(method,url,flag);`
3. 发送请求
`xhr.send();`
4. 处理响应信息
```
文本信息:xhr.responseText;
XML信息:xhr.responseXML;
JSON信息:xhr.responseText;
```
- 目录
- 1课程介绍
- 2HTML
- 2.1概述
- 2.2常用标签
- 2.3列表标记
- 2.4超链接与图
- 2.5表格
- 2.6表单
- 2.7frameset
- 3CSS
- 3.1样式表
- 3.2选择器
- 3.3样式
- 3.4浮动和定位
- 3.5布局案例
- 3.6CSS3
- 3.7选修
- 4JavaScript
- 4.1JavaScript基础
- 4.2JavaScript变量及函数
- 4.3JavaScript常见对象及操作
- 4.4JavaScript操作DOM&BOM
- 4.5JavaScript事件响应
- 5Ajax
- 5.1Ajax基础
- 5.2Ajax&XML
- 5.3Ajax&JSON
- 6HTML5
- 6.1新标签及媒体
- 6.2Canvas绘图
- 7jQuery
- 7.1jQuery&DOM
- 7.2jQuery&Ajax
- 7.3jQuery动画