Ajax、JSON——学习笔记

一、什么是Ajax？

Ajax是异步的javaScript和Xml

二、作用

1.运用HTML和CSS实现页面，表达信息
2.运用XMLHttpRequest和web服务器进行数据的异步交换
3.运用JS操作DOM,实现动态局部刷新

三、

var request;
if(window.XMLHttpRequest){
	request = new XMLHttpRequest();//IE7+,Firefox,Chrome,Opera,Safari
}else{
	request=new ActiveXObject("Microsoft.XMLHTTP");//IE5,IE6
	}

四、请求

1.HTTP请求

HTTP是计算机通过网络进行通信的规则

完整的HTTP请求的过程：
①建立TCP连接
②Web浏览器向Web服务器发送请求命令
③Web浏览器发送请求头信息
④Web服务器应答
⑤Web服务器发送应答头信息
⑥Web服务器向浏览器发送数据
⑦Web服务器关闭TCP连接

请求方式：GET/POST
请求URL：请求地址
请求头
请求体：请求正文

XMLHttpRequest发送请求
open(method,url,async)发送请求方法
 method:get/post
 url:请求的地址
 async：请求的同步（false）或异步（true）
send(String)把请求发送到服务器

request.open("post","",true);
request.setRequestHeader("Content-type","application/x-www-form-urlencoded");
request.send("name=jjj&sex=男");

获得服务器的响应
responseText:获得字符串形式的响应数据
responseXML:获得XML形式的响应数据
status和statusText：以数字和文本形式返回HTTP状态码
getAllResponseHeader():获取所有的响应报头
getResponseHeader():查询响应中的某个字段的值

readyState属性0，1，2，3，4

request.onreadystatechange=function(){
	if(request.readyState==4&&request.status==200){
		request.responseText;
	}
}

五JSON

1.JSON，全称是JavaScript Object Notation。它是基于JavaScript编程语言ECMA-262 3rd Edition-December 1999标准的一种轻量级的数据交换格式，主要用于跟服务器进行交换数据。跟XML相类似，它独立语言，在跨平台数据传输上有很大的优势。

2.JSON在线校验：检查语法错误jsonlint.com   -->json格式化和校验工具

3.JSON：JS对象表示法
JSON是存储和交换文本信息的语法，类似XML，它采用键值对的方式来组织，易于人们阅读和编写，同时也易于机器解析和生成
JSON是独立于语言的，即不管什么语言，都可以解析JSON，只需要按照JSON的规则来就行

4.JSON书写格式：名称/值对，其中，名称、值对都在双引号中

 eg："name":"zhang"
"name":[{"name":"anna","age":7},{"name":"andy","age":8},{"name":"sandy","age":10}]

5.JSON解析：
eval 和 JSON.parse()

由于 JSON 语法是 JavaScript 语法的子集，JavaScript 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象。

6.JSON 语法是 JavaScript 对象表示法语法的子集。
数据在名称/值对中
数据由逗号分隔
花括号保存对象
方括号保存数组

7.JSON 值可以是：
数字（整数或浮点数）
字符串（在双引号中）
逻辑值（true 或 false）
数组（在方括号中）
对象（在花括号中）
null

8.JSON 文件的文件类型是 ".json"
JSON 文本的 MIME 类型是 "application/json"