您的位置:首页 > Web前端 > JQuery

jquery ajax的简单使用

2017-10-23 17:09 190 查看
//接口请求
function Service(){
this.baseUrl = "http://localhost/";
};
Service.prototype = {
//自定义提交
Request: function (lastPath, type, isAsync, requestParams, successFun, errorFun) {
$.ajax({
url: this.baseUrl + lastPath,
type: type,
async: isAsync,
data: requestParams,
success: function (data) {
successFun(data);
},
error:function (data) {
errorFun(data);
}
});
},
// 异步get 提交
ajaxRequestGet: function (lastPath, requestParams, successFun) {
$.ajax({
url : this.baseUrl+lastPath,
type : "get",
data: requestParams,
success : function(data){
successFun(data);
}
});
},
// 异步post提交
ajaxRequestPost: function (lastPath, requestParams, successFun) {
$.ajax({
url: this.baseUrl + lastPath,
type: "post",
data: requestParams,
success: function (data) {
successFun(data);
}
});
},
// 异步put提交
ajaxRequestPut: function (lastPath, requestParams, successFun) {
$.ajax({
url: this.baseUrl + lastPath,
type: "put",
data: requestParams,
success: function (data) {
successFun(data);
}
});
},
// 异步delete提交
ajaxRequestDelete: function (lastPath, requestParams, successFun) {
$.ajax({
url: this.baseUrl + lastPath,
type: "delete",
data: requestParams,
dataType:'json',
success: function (data) {
successFun(data);
}
});
},
// 同步get提交
ajaxSyncRequest: function (lastPath, requestParams, successFun, errorFun) {
$.ajax({
url: this.baseUrl + lastPath,
type: "get",
async: false,
data: requestParams,
success: function (data) {
successFun(data);
},
error:function (data) {
errorFun(data);
}
});
},
// 同步post提交
ajaxSyncRequestPost: function (lastPath, requestParams, successFun) {
$.ajax({
url: this.baseUrl + lastPath,
type: "post",
async: false,
data: requestParams,
success: function (data) {
successFun(data);
}
});
},
// 同步put提交
ajaxSyncRequestPut: function (lastPath, requestParams, successFun) {
$.ajax({
url: this.baseUrl + lastPath,
type: "put",
async: false,
data: requestParams,
success: function (data) {
successFun(data);
}
});
},
// 异步delete提交
ajaxSyncRequestDelete: function (lastPath, requestParams, successFun) {
$.ajax({
url: this.baseUrl + lastPath,
type: "delete",
async: false,
data: requestParams,
success: function (data) {
successFun(data);
}
});
}
};
//使用
//var service = new Service();
//service.Request("a", "get", false, {b:"c"}, function(data){console.log(data)}, function(data){console.log(data)});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: