显示模块 ajax答案

【问题标题】：Revealing module ajax显示模块 ajax
【发布时间】：2013-04-29 07:49:52
【问题描述】：

我有这个代码：

my.data = function () {

var getAuth = function (userName, password) {
        var model = JSON.stringify({ "UserName": userName, "Password": password });
        var result;

        $.ajax({
            url: my.baseUrl + "api/AD",
            type: "POST",
            data: model,
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            async: false,
            success: function (data) {
                result = data;
                return result;
            }
        });        
    }

    return {      
        getAuth: getAuth
    }
}();

当我调用 getAuth 时，我可以看到数据返回“true”，但调用函数 - var 结果 = my.data.getAuth(用户名,密码);返回未定义。有什么想法吗？

【问题讨论】：

@undefine: 他设置了 async: false
是的，我没注意到。

标签： javascript jquery ajax oop

【解决方案1】：

当然，它会返回undefined，返回值是成功函数的值。不是getAuth 函数的值。你应该改为：

my.data = function () {

var getAuth = function (userName, password) {
        var model = JSON.stringify({ "UserName": userName, "Password": password });
        var result;

        $.ajax({
            url: my.baseUrl + "api/AD",
            type: "POST",
            data: model,
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            async: false,
            success: function (data) {
                result = data;
            }
        });      
        return result;
    }

    return {      
        getAuth: getAuth
    }
}();

尽管此解决方案有效，但不建议使用 async: false。

【讨论】：

【解决方案2】：

两个原因： 1.当你将ajax切换到async: false时，你不应该将success: function(){...}属性传递给options hash。而不是这个，你应该使用链。 2. 当您在success 函数中使用return 时，您只能从success 函数返回，而不是从getAuth。试试这个：

$.ajax({
  url: my.baseUrl + "api/AD",
  type: "POST",
  data: model,
  contentType: "application/json; charset=utf-8",
  dataType: "json",
  async: false,
}).success: function (data) {
  result = data;
};
return result;

还有一些笔记。如您所知，切换到async: false 会导致长时间延迟。这是不好的做法，在最新的 JQuery 版本中已弃用。取而代之的是，您应该使用回调。 getAuth 方法的第三个参数可以是一个函数，当查询成功时应该运行它：

var getAuth = function( userName, password, callback ){
  $.ajax({
    url: my.baseUrl + "api/AD",
    type: "POST",
    data: {userName: userName, password: password},
    success: function (data) {
      callback( data );
    }
  });        
}

并像这里一样使用它：

my.data.getAuth( 'someusername', 'somepassword', function( data ){
  alert( 'It looks like your authorized successfully' );
});

【讨论】：