您的位置：首页 > Web前端 > JQuery

【jQuery学习笔记--------AJAX之jQuery角度分析】

2014-04-30 16:27 495 查看


AJAX----jQuery角度分析

使用GET方式请求

jQuery定义了get()方法，专门负责通过远程HTTP GET请求载入信息。该方法是一个简单的GET请求功能，以取代复杂的ajax()方法

get()方法包含4个参数，

1、 表示请求页面的URL地址

2、 表示一个对象结构的名/值对列表

3、 异步交互成功之后调用的回调函数。回调函数的参数值为服务器端响应信息

4、 表示服务器端响应信息返回的内容模式，如xml,html,script,json,text或_default。

jQuery还定义了两个专用的方法：getJSON()和getScript()方法

getJSON()方法能够请求载入JSON数据，getScript()方法能够请求载入javascript文件。两个方法的用法基本相同，但是仅支持get()方法的前三个参数，不需要设置第四个参数，即指定响应数据的类型，因为方法本身已经说明了接收的信息类型。

使用POST()方法请求

post()方法包含4个参数，与get()方法相似，其中第一个参数为必须设置的参数，后面三个参数为可选参数

同GET()

使得ajax()方法请求

ajax()方法是jQuery实现ajax的底层方法，也就说它是get()、post()等方法的基础，使用该方法可以完成通过HTTP请求加载远程数据。由于ajax()方法的参数较为复杂，在没有特殊要求时，使用get()和post()即可

ajax()方法只有一个参数，即一个列表结构的对象，包含配置及回调函数信息，详细参数

参数

数据类型

说明

async

boolean

true为异步

false为同步

beforeSend

function

发送请求前可以修改XMLHttpRequest对象的函数，如添加自定义http头。XMLHttpRequest对象是唯一的参数

该函数返回false，可以取消本次ajax请求

cache

boolean

设置缓存。默认为true,dataType为script时，默认为false。设置为false将不会从浏览器缓存中加载请求信息

complete

function

请求完成后回调函数（成功失败均调用）该函数包含两个参数，XMLHttpRequest对象和一个描述成功请求类型的字符串。

contentType

string

发送信息至服务器时的内容编码类型，默认”application/x-www-form-urlencoded”

data

Object,string

发送到服务器的数据。将自动转换为请求字符串格式，必须为key/value格式

dataFilter

function

ajax返回的原始数据进行预处理的函数。提供data和type两个参数。data是ajax返回的原始数据,type为jQuery.ajax时提供的dataType参数

dataType

string

“xml”

“html”

“script”

“cache”

“json”

“jsonp”:JSONP格式。使用JSONP形式调用函数时，如”myurl?callback=?”jQuery将自动替换？为正确的函数名以执行回调函数。

“text”

error

functiol

失败时的回调

global

boolean

是否触发全局ajax事件，默认为true。

ifModified

boolean

仅在服务器数据改变时获取新数据，默认值为false。使用HTTP包含Last-Modified头信息进行判断

jsonp

string

password

string

processData

boolean

发送的数据将被转换为对象以配合默认内容类型application/x-www-form-urlencoded

scriptCharset

string

只有当dataType为json或script，并且type是“GET”时才会用于强制修改charset。

success

function

成功时的回调

timeout

number

请求超时时间单位毫秒。此设置覆盖全局设置

type

string

POST/GET/PUT/DELETE

url

string

username

string

xhr

function

返回一个XMLHttpRequest对象。在IE下默认是ActiveXObject。用于重写或者提供一个增强的XMLHttpRequest对象

跟踪响应状态

jQuery在XMLHttpRequest对象定义的readyState属性基础上，对异步交互中服务器响应状态进行封装，提供了6个响应事件

ajaxStart()

ajaxSend()

ajaxComplete()

ajaxSuccess()

ajaxStop()

ajaxStop()

load()输入网页文件

遵循ajax异步交互的设计原则，jQuery定义了可以加载网页文档的方法：load()方法。该方法与getScript()的功能相似，都是加载外部文件，但是它们的用法完全不同。load()方法能够把加载的网页文件附加到指定的网页标签中。

$(“div”).load(指定的网页文件);

使用ajax()可以替换 load()，因为load()方法是以ajax()方法作为底层实现的

预设Ajax选项

对于频繁与服务器进行交互的页面来说，每一次交互都要设置很多选项，这种操作很繁琐，也很容易出错。为此，jQuery定义了ajaxSetup()方法，该方法能够预设异步交互中的通用选项，从而减轻设置选项的频繁。该方法仅包含一个参数选项的列表对象，这与ajax()访求的参数选项设置是相同的。在该方法中设置的选项，可以实现全局共享，从而在具体交互中只需要设置个性化参数即可。

预处理请求的字符串

客户端发送的请求字符串格式必须是由”&”字符连接的多个名值对，如”user=zhu&sex=man&grade=2”

$(form).serialize()

jQuery还定义了serializeArray()方法，该方法能够返回指定表单域值的json结构的对象。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航