jQuery Ajax用法详解
时间：2015-05-30 阅读：次 QQ群：182913345
jQuery Ajax在web应用开发中很常用，它主要包括有ajax、get、post等这几种常用无刷新操作方法。
2.$.get(url,[data],[callback],[type])
3.$.post(url,[data],[callback],[type])
1.$.ajax(url,[settings])
使用$.ajax()方法获取数据，下边给个常用写法，并做了相应的注释。
$.ajax({
url: "http://www.hzhuti.com", //请求的url地址
dataType: "json", //返回格式为json
async: true, //请求是否异步，默认为异步，这也是ajax重要特性
data: { "id": "value" }, //参数值
type: "GET", //请求方式
beforeSend: function() {
//请求前的处理
},
success: function(req) {
//请求成功时处理
},
complete: function() {
//请求完成的处理
},
error: function() {
//请求出错处理
}
});
|
2.$.get(url,[data],[callback],[type])
使用get方式从服务器端获取数据。
参数说明:
url:待载入页面的URL地址
data:待发送 Key/value 参数
callback:载入成功时回调函数
type:返回内容格式，xml、html、script、json、text、_default
示例代码如下：
$.get("test.php", { name: "John", time: "2pm" },
function(data){
//成功时的回调方法
alert("Data Loaded: " + data);
}
);
|
3.$.post(url,[data],[callback],[type])
使用post方式从服务器端获取数据。
参数说明:
url:待载入页面的URL地址
data:待发送 Key/value 参数
callback:载入成功时回调函数
type:返回内容格式，xml、html、script、json、text、_default
示例代码如下：
$.post("test.php", { name: "John", time: "2pm" },
function(data){
//成功时的回调方法
process(data);
}, "xml");
|
上一篇：让flash在网页最底层显示
下一篇：js刷新页面方法
近期热点
推荐阅读
扫一扫，更多精彩内容推送
