jQuery Ajax

 

异步加载

load(url,[data],[callback])

 加载动画

.html("<img src='Images/Loading.gif' alt=''/>")

 

异步加载 JSON

$.getJSON(url,cb(dataArray)) //使用each(data,function(index,item))遍历

 

异步加载 JS //在js文件构造 html 结构 和 数据

jQuery.getScript(url,[callback])

 

异步加载 服务器数据

$.get(url,cb(data)) 

 

 

post数据  // 需要查看服务端 API，客户端才知道怎么构造data部分。

$.post(url,data,cb)

 

序列化表单元素值 生成 URL编码的 Query String，可以直接用来Ajax请求。

$(selector).serialize()

 

Ajax 请求（推荐 $.ajaxSetup 将配置抽离出来）

$.ajax([settings])

settings : {

　　url: 

　　type: //默认get

　　data:

　　dataType://服务器返回数据类型

　　success: cb(data)

}

 

共有配置 $.ajaxSetup([options])

options 和 settings 一样，把共有的配置一下。

 

Ajax事件 $(selector).ajaxStart(cb) 

jQ1.9+ $(document).ajaxStop(cb)

 

……………………………………………………………………………………………………………………

常用插件

 

http://www.bootcdn.cn/jquery-validate/

表单验证 $(form).validate({

　　rules:{

　　},

　　errorPlacement:function(error,element){

　　　　error.appendTo(".tip")

　　}

})

 

http://www.bootcdn.cn/jquery.form/

$(function(){

　　var options = {

　　　　url:,

　　　　target:".tip" //服务器返回的数据放置点

　　}

　　$(form).ajaxForm(options)

})

 

http://www.bootcdn.cn/jquery-cookie/

$.cookie(k,v,{path:"/",expires:7})

 

按需所取。

……………………………………………………