Ajax

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

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

原理

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

json

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

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

2.移动端与服务端的数据交换

格式

1.对象格式：{键1：值1，键2：值2...}                      键为字符串类型，值为object类型

2.数组或集合格式：[值1，值2...]                               object类型

两种格式可以相互嵌套

解析

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

转换插件

将java的对象或集合转成json形式字符串

json的转换插件是通过java的一些工具，直接将java对象或集合转换成json字符串。

常用的json转换工具有如下几种：

1）jsonlib

2）Gson：google开发

3）fastjson：阿里巴巴开发

jquery是一个优秀的js框架，自然对js原生的ajax进行了封装，封装后的ajax的操 作方法更简洁，功能更强大，与ajax操作相关的jquery方法开发中经常使用的有三种

1.$.get(请求的服务器端地址,服务器端的数据(键值对或json形式),响应函数(只在响应成功时执行),返回类型）

2.$.post(请求的服务器端地址,服务器端的数据(键值对或json形式),响应函数(只在响应成功时执行),返回类型）

3.$.ajax({属性1：值1，属性2：值2...})

常用属性

1.async                      是否为异步

2.data                        参数

3.dataType                 服务器返回类型

4.success                   响应函数

5.type                         请求方式

6.url                            服务器地址

表单校验

格式

$("form表单的选择器").validate(json数据格式);  //键值对  键：值（{}）

json数据格式：

{

      rules:{

            表单项name值:校验规则，

            表单项name值:校验规则... ...

      },

      messages:{

            表单项name值:错误提示信息，

            表单项name值:错误提示信息... ...

      }

}

 

 自定义校验

(1) 使用$.validator.addMethod("校验规则名称",function(value,element,params)){}

(2) 在rules中通过校验规则名称使用校验规则

(3) 在messages中定义该规则对应的错误提示信息