jquery模块化ajax调用

时间:2016-12-14 11:46:12

标签: javascript jquery ajax

有人能说清楚这一点,所以我有多个GET ajax调用,只有几行代码,但我基本上在每个函数上重复$.ajax({})

我是否可以使用$.ajax({})的1个功能并在功能上使用此功能,因此我不需要每次都重复$.ajax({})

这样的事情可能,但我确定它不对,但它只是一个概念。

function ajaxCall(url, method) {
 $.ajax({
   url: url,
   method: method,
   success: function(){ } // however this should come in the below function
 })
}

function firstCall() {
 var url = 'www.urlsample.com';
 var methodType = 'GET'
 ajaxCall(url, methodType).success() // get the data from this function?

}

这有可能吗?它避免重复每个函数的ajax调用。

1 个答案:

答案 0 :(得分:2)

jQuery' .ajax()方法返回Promise-Wrapper。

function ajaxCall(url, method) {
 // return promise
 return $.ajax({
   url: url,
   method: method
 });
}

function firstCall() {
 var url = 'www.urlsample.com';
 var methodType = 'GET'
 ajaxCall(url, methodType).then(function( result ) { 
     // success handler
 }, function( error ) {
     // error handler
 });
}