首先你需要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)