最近,经常用Ajax去异步获取数据,今天就把它总结一下
1.Ajax是异步的JavaScript和XML,它可以在不更新网页的情况下,从后台加载(获取)数据,并显示在网页上
2.主要方法
(1):load() 方法从服务器加载数据,并把返回的数据放入被选元素中
语法:$(选择器).load(地址,[参数],[回调函数])
参数:可选。是键:值的形式
回调函数:参数可以是返回的结果,调用的状态,XMLHttpRequest对象。只写一个参数,是返回的结果
(2):$.get() 方法通过 HTTP GET 请求从服务器上请求数据
语法:$.get(地址,[回调函数] )
回调函数:参数可以是返回的结果,调用的状态,XMLHttpRequest对象。只写一个参数,是返回的结果
(3):$.post() 方法通过 HTTP POST 请求从服务器上请求数据。
语法:$.post(地址,[参数],[回调函数])
参数:可选。是键:值的形式
回调函数:参数可以是返回的结果,调用的状态,XMLHttpRequest对象。只写一个参数,是返回的结果
(4):$.ajax() 方法通过 HTTP 请求加载远程数据,是jQuery底层Ajax的实现。
常用的参数:
type:请求方法(POST,GET),默认为GET
url:地址
dataType:服务器返回的数据类型。一般返回json类型
success:成功时的回调函数
例:
$(function() {
$.ajax({
type: "POST",
url: "地址",
dataType: "json",
success: function(data) {
$("#id名").html(data); //绑定数据
$(".class名").val(data); //给input表单绑定数据
},
error: function(error) {
$("#id名").html("aaa");
}
});
});
3.成功后绑定值
$("#id名").html(data); //绑定数据
$(".class名").val(data); //给input表单绑定数据