【JavaWeb】jQuery中的Ajax应用

首先你需要jQuery库及jQuery API手册

这里提供下载地址

jQuery库：

jQuery开发API手册：http://download.csdn.net/detail/yihuiworld/4365855

一、jQuery应用Ajax步骤

1、利用jQuery加载内容

2、数据处理,即发送请求时对数据进行格式化处理

3、发起GET或POST请求

1、利用jQuery加载内容

$(selector).load(url,patameters,callback)：

url：向指定的URL发起Ajax请求,可以指定回调函数

在请求完成时调用回调函数,响应文本替换所有已匹配的元素的内容

parameters：一个对象,其属性被序列化为正确的编码参数,以便传递到请求里.

如果指定使用POST方法,如果没有使用GET方法

callback：一个回调函数,在响应数据已经加载到包装集元素之后被调用

传入的参数为响应体文本、状态码、XHR实例

2、数据处理,即发送请求时对数据进行格式化处理

(1)要发送一系列数据到服务器上,首先就必须整理这些数据的格式,使得服务器易于读取,

这个对数据进行处理的过程就称其为格式化.此有2种格式

①传输一个常规的JavaScript对象,其中包含键/值对

②从一系列表单的输入栏中提交,直接序列化为一个字符串.形如:name=terry&passworld=123456

(2)serialize() 此一般是建立在form标签中

根据包装集里的表单元素创建正确的格式化的经过URI编码的查询字符串.返回字符串.

ex:$(‘form’).serialize()

(3)serializeArray()

把所有表单控件的值收集到对象数组中,包含控件的名称和值.返回表单数据的数组.

3、发起GET或POST请求

GET请求是等幂的,即进行多次请求返回相同的结果

POST请求是非等幂的,即发送到服务器的数据可以用来修改应用的模型状态

因此,如果要获得数据就使用GET,要实现一些修改就应该使用POST方法.如果服务器有特殊要求也应该使用POST方法

常用请求方法：

$.get(url,parameters,callback)

$.post(url,parameters,callback)

$.getJSON(url,parameters,callback)

其中参数url和parameters和之前load()方法一样的意义,callback有点不同,它只传递两个参数：响应体和状态码(success,error)

详细请看下面部分中给出的的简单应用实例

二、jQuery应用中的关于Ajax的请求处理

主要方法：jQuery.ajax([options])、load(url,[data],[callback])、jQuery.get(url,[data],[callback],[type])、jQuery.getJSON(url,[data],[callback])、jQuery.getScript(url,[callback])、jQuery.post(url,[data],[callback],[type])

三、jQuery应用中的关于Ajax的事件处理

主要方法：ajaxComplete(callback)、ajaxError(callback)、ajaxSend(callback)、ajaxStart(callback)、ajaxStop(callback)、ajaxSuccess(callback)