Javascript模块模式，ajax函数回调

var ajaxStuff = (function () { var doAjaxStuff = function() { //an ajax call } return { doAjaxStuff : doAjaxStuff } })(); 

有没有办法利用这种模式，并在调用我的方法时从成功的ajaxcall获取响应？ 像这样的东西：

 ajaxStuff.doAjaxStuff(successHandler(data){ //data should contain the object fetched by ajax }); 

希望你能得到这个想法，否则我会详细说明。

Answer 1

两件事：1。在doAjaxStuff函数中添加一个参数。 2.调用doAjaxStuff时，传入一个匿名函数（或函数名）

 var ajaxSuff = (function () { var doAjaxStuff = function(callback) { // do ajax call, then: callback(dataFromAjaxCall); } return { doAjaxStuff : doAjaxStuff } })(); // calling it: ajaxStuff.doAjaxStuff(function(data){ //data should contain the object fetched by ajax }); 

Answer 2

让doAjaxStuff接受回调：

 var doAjaxStuff = function(callback) { // an ajax call // Inside the Ajax success handler, call callback(response); // or whatever the variable name is } 

根据您的总体目标，您也可以使用延迟对象 （或者另外）。 这使您的代码高度模块化。 例如：

 var doAjaxStuff = function() { // $.ajax is just an example, any Ajax related function returns a promise // object. You can also create your own deferred object. return $.ajax({...}); } // calling: ajaxStuff.doAjaxStuff().done(function(data) { // ... }); 

Answer 3

我相信你需要阅读jQuery.ajax的jQuery文档。 您可以像下面这样简单地拨打电话：

 $.ajax('/path/to/file').success(function (data) { doStuff(); })