jquery ajax的簡單使用

//接口請求
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)});

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章