jQuery 实现Ajax

1.使用load()方法异步请求数据

load(url,[data],[callback])

-url：服务器地址

-data：请求数据

-callback：请求成功后执行的函数

2.getJSON()方法异步加载JSON格式数据

$.getJSON(url,[data],[callback])

-url：服务器地址

-data：请求数据

-callback：请求成功后执行的函数

3.使用getScript()方法异步执行加载并执行js文件

$.getScript(url,[callback])

-url：服务器地址

-callback：请求成功后执行的函数

4.使用get()方法以GET方式从服务器获取数据

$.get(url,[callback])

5.使用post()方法以POST方式从服务器发送数据

$.post(url,[data],[callback])
$(function () {
$("#btnCheck").bind("click", function () {
$.post("http://www.imooc.com/data/check_f.php",
{num:$("#textNumber").val()},
function (data) {
$("ul").append("<li>你输入的<b>  "
+ $("#txtNumber").val() + " </b>是<b> "
+ data + " </b></li>");
});
})
});

6.使用serialize()方法序列化

使用serialize()可将表单中有name属性的元素进行序列化，

生成标准的URL编码，直接可用于Ajax请求

$(seleector).serialize()

$(function () {
$("#btnAction").bind("click", function () {
$("#litest").html(
$("form").serialize());
})
})

7.使用ajax()方法加载服务器数据

$.ajax([settings])

-settings：发送请求时的配置对象

url：服务器地址

data：请求数据

dataType：服务器返回的数据类型

success：请求成功后执行的函数

type：请求方式（默认为get）

$(function () {
$("#btnCheck").bind("click", function () {
$.ajax({
url:"http://www.imooc.com/data/check.php",
data: { num: $("#txtNumber").val() },
dataType:"text",
success: function (data) {
$("ul").append("<li>你输入的<b>  "
+ $("#txtNumber").val() + " </b>是<b> "
+ data + " </b></li>");
}
});
})
});

8.使用ajaxSetup()方法设置全局Ajax默认选项

$ajaxSetup([options])

-options：一个对象，通过该对象设置Ajax请求时的全局选项值。

$.ajaxSetup({
type:"POST",
success:function(data){
$("ul").append("<li>你输入的<b>  "
+ $("#txtNumber").val() + " </b>是<b> "
+ data + " </b></li>");
}
});

9.ajaxStart()和ajaxStop()方法绑定Ajax事件

ajaxStart()方法用于在Ajax请求发出前触发函数

$(seleector).ajaxStart(function())

ajaxStop()方法用于在Ajax请求完成后触发函数

$(seleector).ajaxStop(function())