使用jQuery将使Ajax变得及其简单。jQuery提供有一些函数,可以使简单的工作变得更加简单,复杂的工作变得不再复杂。jQuery中给出了多种Ajax方法,在此一一进行详解。
本教程的学习是从简单到复杂的进行详解,示例所用的参数都是以JSON为对象进行传递。
h2. load( url, [data], [callback] )
载入远程HTML文件并插入到DOM中。
参数:
url (String) : 请求的HTML页的URL地址。
data (Map) : (可选参数) 发送至服务器的 key/value 数据。
callback (Callback) : (可选参数) 请求完成时(不需要是success的)的回调函数。
{code}
//不带参数
function callAjax(value) {
$("#test").load("load.html");
}
//带参数
function callAjax(value) {
$("#test").load("load.html
该方法)。
type (String) : (可选)客户端请求的类型(JSON,XML,等等)
{code}
//ajax.html
function callAjax(value) {
$.post("ajax.jsp
函数。注意:即使是请求失败的情况下,依然会执行此方法
{code}
$.getJSON("ajax.jsp
nction() {
var formValue = $("#form1").serialize();
alert(formValue)
});
{code}
serializeArray(): 序列化表格元素 (类似 '.serialize()' 方法) 返回 JSON 数据结构数据。
{code}
$(document).ready(function() {
var formValues = $("#form1").serializeArray();
$.each(formValues, function(i, formValue) {
alert(formValue.value)
})
});
{code}
h2. 总结
以上就是对jQuery的所有ajax请求进行了分析及实例。如果需要详细的配置,则可以采用.ajax()方法,如果用的是json传数据且较为简单时,可以getJson()方法。
jQuery还提供了六种ajax事件,使得ajax的操作变得更为灵活。下载本文