AJAX+JSON总结
ajax原理
AJAX是基于现有的Internet标准，并且联合使用它们：
- XMLHttpRequest 对象 (异步的与服务器交换数据)
- JavaScript/DOM (信息显示/交互)
- CSS (给数据定义样式)
- XML (作为转换数据的格式)
1、使用步骤
创建 XMLHttpRequest 对象
variable=new XMLHttpRequest();
XMLHttpRequest 对象的三个重要的属性：
属性 | 描述 |
|---|---|
onreadystatechange | 存储函数（或函数名），每当 readyState 属性改变时，就会调用该函数。 |
readyState | 存有 XMLHttpRequest 的状态。从 0 到 4 发生变化。 0: 请求未初始化 1: 服务器连接已建立 2: 请求已接收 3: 请求处理中 4: 请求已完成，且响应已就绪 |
status | 200: "OK" 404: 未找到页面 |
- 0: 请求未初始化
- 1: 服务器连接已建立
- 2: 请求已接收
- 3: 请求处理中
- 4: 请求已完成，且响应已就绪
status 200: "OK" 404: 未找到页面
在 onreadystatechange 事件中，我们规定当服务器响应已做好被处理的准备时所执行的任务。
AJAX - 向服务器发送请求请求
方法 | 描述 |
|---|---|
open(method,url,async) | 规定请求的类型、URL 以及是否异步处理请求。 method：请求的类型；GET 或 POST url：文件在服务器上的位置 async：true（异步）或 false（同步） |
send(string) | 将请求发送到服务器。 string：仅用于 POST 请求 |
- method：请求的类型；GET 或 POST
- url：文件在服务器上的位置
- async：true（异步）或 false（同步）
send(string) 将请求发送到服务器。
- string：仅用于 POST 请求
服务器响应
如需获得来自服务器的响应，请使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性。
属性 | 描述 |
|---|---|
responseText | 获得字符串形式的响应数据。 |
responseXML | 获得 XML 形式的响应数据。 |
总结：创建xmlHttpRequst对象，使用open(method,url,async)和send(string)向服务器发送响应。获取服务器响应的结果为responseText和responseXML。
JSON
JSON: JavaScript Object Notation(JavaScript 对象表示法)。JSON 通常用于与服务端交换数据，在接收服务器数据时和在向服务器发送数据时一般是字符串。
JSON两大功能
1、将数据转为JavaScript对象：JSON.parse(text[, reviver])
参数说明：
- text:必需， 一个有效的 JSON 字符串。
- reviver: 可选，一个转换结果的函数， 将为对象的每个成员调用此函数。
2、将JavaScript对象转为字符串：JSON.stringify(value[, replacer[, space]])
参数说明：
- value: 必需， 一个有效的 JSON 对象。
- replacer: 可选。用于转换结果的函数或数组。 如果 replacer 为函数，则 JSON.stringify 将调用该函数，并传入每个成员的键和值。使用返回值而不是原始值。如果此函数返回 undefined，则排除成员。根对象的键是一个空字符串：""。 如果 replacer 是一个数组，则仅转换该数组中具有键值的成员。成员的转换顺序与键在数组中的顺序一样。当 value 参数也为数组时，将忽略 replacer 数组。
- space: 可选，文本添加缩进、空格和换行符，如果 space 是一个数字，则返回值文本在每个级别缩进指定数目的空格，如果 space 大于 10，则文本缩进 10 个空格。space 有可以使用非数字，如：\t。
以上为原生ajax的应用。
jQuery ajax