ajax代码重复,怎么封装
比如我有4个页面都是不同的类别,但都是要动态加载数据的,都要调用ajax,有没有一种办法是将ajax封装,只要调用时写PHP的地址,和成功获取数据后的一些变量,其他就不用...
比如我有4个页面都是不同的类别,但都是要动态加载数据的,都要调用ajax,有没有一种办法是将ajax封装,只要调用时写PHP的地址,和成功获取数据后的一些变量,其他就不用重复去写
展开
1个回答
展开全部
/* ajax Post请求
* 服务器返回数据格式约定为 {success:true/false,message:'消息内容',data:'自定义数据'}
*/
function ajax (url, datas, cb) {
$.ajax({
type: "post",
async: true,
url: url,
data: datas,
success: function (result, textStatus, jqXHR) {
if (typeof result == "string")
result = JSON.parse(result);
if (result && result.result) {
result = result.result;
}else {
cb(result, textStatus, jqXHR);
}
},
error: function () {
/*如果请求失败,可以统一在这里处理*/
}
});
}
这样就封装了一个ajax 以post 请求的方法。调用:
ajax("/submit",{id:1,name:"2",sex:"1",fullname:"lisan"},function(result){ /*这里执行你请求成功后的逻辑*/ })
* 服务器返回数据格式约定为 {success:true/false,message:'消息内容',data:'自定义数据'}
*/
function ajax (url, datas, cb) {
$.ajax({
type: "post",
async: true,
url: url,
data: datas,
success: function (result, textStatus, jqXHR) {
if (typeof result == "string")
result = JSON.parse(result);
if (result && result.result) {
result = result.result;
}else {
cb(result, textStatus, jqXHR);
}
},
error: function () {
/*如果请求失败,可以统一在这里处理*/
}
});
}
这样就封装了一个ajax 以post 请求的方法。调用:
ajax("/submit",{id:1,name:"2",sex:"1",fullname:"lisan"},function(result){ /*这里执行你请求成功后的逻辑*/ })
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询