jquery ajax的简单使用

最新推荐文章于 2024-10-12 11:10:30 发布

原创最新推荐文章于 2024-10-12 11:10:30 发布 · 779 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #jquery #ajax

javascript 同时被 3 个专栏收录

26 篇文章

订阅专栏

jquery

11 篇文章

订阅专栏

ajax

2 篇文章

订阅专栏

本文汇总了JavaScript中AJAX的各种请求方法，包括GET、POST、PUT及DELETE等不同HTTP方法的具体实现方式，并提供了详细的代码示例。介绍了如何进行同步与异步请求、设置请求参数、处理响应数据以及错误情况。

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