URL请求与表单的处理
$.ajax( options ) 静态调用
与jQuery相比,精简了AJAX的参数,且所有请求均为异步
options参数类型介绍
urlurl请求地址
datajson需要发送的数据
typeget/post设置请求方式
dataTypejson/xml/jsonp/script返回数据的格式
timeouttimestamp请求超时时间(以毫秒计)
successfunction( data ){}请求成功的回调函数
回调参数介绍
dataUrl返回的内容(根据dataType自动格式化)
errorfunction( data , StatusCode ){}请求失败的回调函数
回调参数介绍
dataUrl返回的内容
StatusCodehttp状态码
completefunction( data , StatusCode ){}请求完成的回调函数(无论是否成功)
回调参数介绍
dataUrl返回的内容
StatusCodehttp状态码
headerjson设置请求头
key=请求参数 value=请求值 如:
{Accept: "application/json; charset=utf-8"}
jsonpCallbackstringjsonp回调函数名

demo中演示了 POST数据收集、AJAX上传、AJAX回调

技巧:如果需要用form标签进行ajax提交时,需要给onsubmit事件加上 return false

.formData( isFormData )
获取指定元素下(不仅仅是Form)所有表单的值,并返回一个JSON或FormData常规表单数据ajax离不开的formData
参数类型介绍
isFormDatatrue/false默认false
true=要求返回一个FormData对象,该对象可直接给ajax option.data使用
如果ajax上传图片,必须传参数true
.serialize()
获取指定元素下(不仅仅是Form)所有表单的值,并返回一串url参数
该方法不支持任何参数
.submit()
将集合内所有元素执行提交操作(form)
该方法不支持任何参数
模板引擎
基本语法