一、什么是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"