JQuery Ajax 方法说明:

load( url, [data], [callback] ) 装入一个远程HTML内容到一个DOM结点。

$("#feeds").load("feeds.html"); 将feeds.html文件载入到id为feeds的div中

$("#feeds").load("feeds.php", {limit: 25}, function(){

alert("The last 25 entries in the feed have been loaded");

});

jQuery.get( url, [data], [callback] ) 使用GET请求一个页面。

$.get("test.cgi", { name: “John", time: “2pm" }, function(data){

alert("Data Loaded: " + data);

});

jQuery.getJSON( url, [data], [callback] ) 使用GET请求JSON数据。

$.getJSON("test.js", { name: “John", time: “2pm" }, function(json){

alert("JSON Data: " + json.users[3].name);

});

jQuery.getScript( url, [callback] ) 使用GET请求javascript文件并执行。

$.getScript("test.js", function(){

alert("Script loaded and executed.");

});

jQuery.post( url, [data], [callback], [type] ) 使用POST请求一个页面。

ajaxComplete( callback ) 当一个AJAX请求结束后，执行一个函数。这是一个Ajax事件

$("#msg").ajaxComplete(function(request, settings){

$(this).append("<li>Request Complete.</li>");

});

ajaxError( callback ) 当一个AJAX请求失败后，执行一个函数。这是一个Ajax事件

$("#msg").ajaxError(function(request, settings){

$(this).append("<li>Error requesting page " + settings.url + “</li>");

});

ajaxSend( callback ) 在一个AJAX请求发送时，执行一个函数。这是一个Ajax事件

$("#msg").ajaxSend(function(evt, request, settings){

$(this).append("<li<Starting request at " + settings.url

+ “</li<");

});

ajaxStart( callback ) 在一个AJAX请求开始但还没有激活时，执行一个函数。这是一个Ajax事件

当AJAX请求开始(并还没有激活时)显示loading信息

$("#loading").ajaxStart(function(){

$(this).show();

});

ajaxStop( callback ) 当所有的AJAX都停止时，执行一个函数。这是一个Ajax事件

当所有AJAX请求都停止时，隐藏loading信息。

$("#loading").ajaxStop(function(){

$(this).hide();

});

ajaxSuccess( callback ) 当一个AJAX请求成功完成后，执行一个函数。这是一个Ajax事件

当AJAX请求成功完成时，显示信息。

$("#msg").ajaxSuccess(function(evt, request, settings){

$(this).append("<li>Successful Request!</li>");

});

jQuery.ajaxSetup( options ) 为所有的AJAX请求进行全局设置。查看$.ajax函数取得所有选项信息。

设置默认的全局AJAX请求选项。

$.ajaxSetup({

url: “/xmlhttp/",

global: false,

type: “POST"

});

$.ajax({ data: myData });

serialize( ) 以名称和值的方式连接一组input元素。实现了正确表单元素序列

function showValues() {

var str = $("form").serialize();

$("#results").text(str);

}

$(":checkbox, :radio").click(showValues);

$("select").change(showValues);

showValues();

serializeArray( ) 连接所有的表单和表单元素(类似于.serialize()方法)，但是返回一个JSON数据格式。

从form中取得一组值，显示出来

function showValues() {

var fields = $(":input").serializeArray();

alert(fields);

$("#results").empty();

jQuery.each(fields, function(i, field){

$("#results").append(field.value + " “);

});

}

$(":checkbox, :radio").click(showValues);

$("select").change(showValues);

showValues();