jquery的几种ajax方式jquery
http://pipe.iteye.com/blog/372394
jquery的ajax方式有如下几种:
1. $.post(url,params,callback);
2. $.getJSON(url,params,callback);
3. $.ajax();
4. &nb...
http://pipe.iteye.com/blog/372394
jquery的ajax方式有如下几种:
1. $.post(url,params,callback);
2. $.getJSON(url,params,callback);
3. $.ajax();
4. $.load(url,params,callback);
第一种:采用post方式提交,中文参数无需转码,在callback中如果要获取json字符串,还需转换一下。
如:
$.post(url,
{id: id,
code: code,
companyId:companyId
},
function (data){
showCompanyRadialDataListdatalist
});
这个datalist为从后台取回来的数据List。
function showCompanyRadialDataList(datalist){
var obj = eval(datalist);
}//这个eval可以将data转成json串。方便后面取值。
第2种方式:$.ajax, 这种方式最灵活。
$.ajax({
url: url,//地址
data: data,//参数
type: 'POST',//提交方式 可以选择post/get 推荐post
async: false,//同步异步
dataType: 'json',//返回数据类型
success:function(data){
accidentList = data.list;
//这里可以直接取data里面的数据了,因为设置返回值为json方式。
}
});
第3种方式:$.ajax 全部success,complete,error
http://www.suchso.com/projecteactual/jquery-ajax-args-use-global-setup.html
$.ajax({
type: "post",
url: ajaxUrl,
data: {
activeid: ID,
Operate: "view"
},
success: function (data, textStatus) {
if (data != null) {
$("#txttitle").val(data.title);
}
else {
alert("加载数据失败:" ); return;
}
},
complete: function (XMLHttpRequest, textStatus) {
//完成了。去除进度条
},
error: function (e) {
alert("加载数据失败。"); return;
}
});
jquery的ajax方式有如下几种:
1. $.post(url,params,callback);
2. $.getJSON(url,params,callback);
3. $.ajax();
4. $.load(url,params,callback);
第一种:采用post方式提交,中文参数无需转码,在callback中如果要获取json字符串,还需转换一下。
如:
$.post(url,
{id: id,
code: code,
companyId:companyId
},
function (data){
showCompanyRadialDataListdatalist
});
这个datalist为从后台取回来的数据List。
function showCompanyRadialDataList(datalist){
var obj = eval(datalist);
}//这个eval可以将data转成json串。方便后面取值。
第2种方式:$.ajax, 这种方式最灵活。
$.ajax({
url: url,//地址
data: data,//参数
type: 'POST',//提交方式 可以选择post/get 推荐post
async: false,//同步异步
dataType: 'json',//返回数据类型
success:function(data){
accidentList = data.list;
//这里可以直接取data里面的数据了,因为设置返回值为json方式。
}
});
第3种方式:$.ajax 全部success,complete,error
http://www.suchso.com/projecteactual/jquery-ajax-args-use-global-setup.html
$.ajax({
type: "post",
url: ajaxUrl,
data: {
activeid: ID,
Operate: "view"
},
success: function (data, textStatus) {
if (data != null) {
$("#txttitle").val(data.title);
}
else {
alert("加载数据失败:" ); return;
}
},
complete: function (XMLHttpRequest, textStatus) {
//完成了。去除进度条
},
error: function (e) {
alert("加载数据失败。"); return;
}
});
上一篇: jQuery获得页面元素的绝对/相对位置
最新评论
热门推荐
我要评论