Ajax、JSON——学习笔记

2016-11-18 11:25:49来源:CSDN作者:rongxiang111人点击

第七城市

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


第七城市

最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台