Ajax Json 知识点简单总结

一 Ajax原理
1 同步与异步
同步：发送完一个请求，只有收到响应后才能发送另外的请求
异步：发送完一个请求，不用等收到该请求的 响应，就可以直接发送另外的请求


2什么是AJAX
Asynchronous JavaScript And Xml的缩写
浏览器在不刷新全部页面的情况下，和服务端进行通信的过程
Ajax就是实现局部刷新的异步通信技术


3 AJAX工作原理
通过XmlHttpRequest对象和服务端进行通信，浏览器收到服务端的返回值后，对局部区域的内容进行设置


二 js Ajax
 1 AJAX开发步骤
1)创建AJAX异步对象，createAJAX()
2)准备发送异步请求， ajax.open(method,url)
3)如果是POST请求，一定要设置AJAX请求头:
ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
GET请求无需设置
4)真正发送请求体中的数据到服务器，ajax.send()
5)监听服务端响应的状态变化，ajax.onreadystatechange(状态改变的事件触发器)
6)获取AJAX的数据后，执行相关操作


“id:01 name:张三 age:12,02 lisi 23…”


2 状态
0 表示创建ajax对象，还没有调用open()方法
1 表示调用open方法，还没有调用send方法
2 表示调用send方法，但是ajax请求还没发送到服务端
3 表示请求发送到服务端，但是没有开始处理
4 表示处理完成ajax请求


三 JSON
1什么是JSON 
JSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式。它采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。
Js中任何支持的类型都可以通过 JSON 来表示，例如字符串、数字、对象、数组等。其中：
1）对象表示为键值对
2）数据由逗号分隔
3）花括号{}保存对象
4）方括号[]保存数组


注意：JSON 是 JS 对象的字符串表示法，它使用文本表示一个 JS 对象的信息，本质是一个字符串。


3通过第三方组件生成json格式数据
Json-lib


四 jQuery Ajax
1 load方法
返回结果自动添加到jQuery对象代表的标签中间


2 $.get()/$.post()


3 jQuery对象.serialize() 
自动生成JSON格式的对象


4 $.ajax()