服务器————ajax和json

作用：Ajax用于异步显示网页信息

一、基本概念：

什么是同步，什么是异步

同步现象：客户端发送请求到服务器端，当服务器返回响应之前，客户端都处于等待 卡死状态

异步现象：客户端发送请求到服务器端，无论服务器是否返回响应，客户端都可以随 意做其他事情，不会被卡死

Ajax的运行原理

　　页面发起请求，会将请求发送给浏览器内核中的Ajax引擎，Ajax引擎会提交请求到服务器端，在这段时间里，客户端可以任意进行任意操作，直到服务器端将数据返回 给Ajax引擎后，会触发你设置的事件，从而执行自定义的js逻辑代码完成某种页面1 功能。

 二、JS原生的Ajax技术（了解，不常用）

 　Ajax的原理

　　JS原生的Ajax其实就是围绕浏览器内内置的Ajax引擎对象进行学习的，要使用js原生的Ajax完成的异步操作，有如下几个步骤：

（1）创建Ajax引擎对象

（2）为Ajax引擎对象绑定监听（监听服务器已将数据响应给引擎）

（3）绑定提交地址

（4）发送请求

（5）接收响应数据

例子：（查w3school）

 

 三、Json数据格式（重要）

 json是一种与语言无关的数据交换格式，作用：

（1）使用ajax进行前后台数据交换

（2）移动端与服务器的数据交换

Json的格式与解析：

json有两种格式：

（1）对象格式：{"key1":obj,"key2".obj,"key3":obj...}

（2）数据/集合格式：[obj,obj,obj...]

 例如：user对象用json数据格式表示

{"username":"zhangsan","age":28,"password":"123","addr":"北京"}

List<Product>用json数据格式表示

[{"pid":"10","pname":"小米"},{},{}]

注意：（1）对象格式和数组格式可以相互嵌套

（2）json的key是字符串，json的value是object

（3）json是js的原生内容，也就是意味着js可以直接取出json对象中的数据

例子：

 

 

 四、Jquery的Ajax技术（常用，90%以上用这个）
　　jquery是一个优秀的js框架，自然对js原生的ajax进行了封装，封装后的ajax的操作方法更加简洁，功能更强大，与ajax操作相关的jquery方法有如下几种，但开发中经常使用的有三种。

请求方式有六种但是常用的有三种分别是：$get(url,[data],[fn])、$post(url,[data],[fn],[type])和$.ajax([options])

例子：