声明一个 javascript 对象。然后用 jQuery 和 Ajax 设置属性

Question

我无法访问实例化类的属性。该属性是使用 AJAX 调用设置的。

我正在尝试定义类“CurrentUser”，然后使用 AJAX 设置属性“userId”。

这里我定义了 CurrentUser 类，并赋予它 userID 属性：

function CurrentUser() {
    // Do an ajax call to the server and get session data.
    $.get("../../build/ajaxes/account/get_user_object_data.php", function(data) {
         this.userId = data.userId;
         console.log(data.userId);   // This will correctly output "1".
    }, "JSON");
}

这里我实例化了一个名为 billybob 的 CurrentUser。请注意我是如何无法输出 billybob 的属性：

// Instantiate the user. 
   var billybob = new CurrentUser();
   console.log(billybob.userId);     // This will incorrectly ouput "undefined".

我检查了 AJAX 的常见错误：

• AJAX 调用以 JSON 对象的形式正确返回数据。我可以在 Firebug / 网络控制台中读取正确的对象。 AJAX 调用的状态也为“200”和“OK”。

• 我可以正确记录 AJAX 调用的数据，如我记录 data.userId 的代码的第一部分所示。

Answer 1

也许这可以清除它：

在您的原始代码中：

function CurrentUser() {
    // Do an ajax call to the server and get session data.
    $.get("../../build/ajaxes/account/get_user_object_data.php", function(data) {
     this.userId = data.userId;
     console.log(data.userId);   // This will correctly output "1".
    }, "JSON");
}

您正在动态创建一个匿名函数，稍后将由 jQuery 内部调用 this 设置为 ajax 对象。所以this 将是匿名函数中的ajax 对象，而不是billybob。所以当 this.userId = ... this 表示没有 userid 属性的 ajax 对象。

jQuery 不知道你的回调函数是从哪里得到的，所以它不能自动设置this 给你。

您必须做的是保存billybob（或任何CurrentUser 实例）引用并在回调中使用它，如下所示：

function CurrentUser() {
var self = this;
    $.get("../../build/ajaxes/account/get_user_object_data.php", function(data) {
     self.userId = data.userId; //self refers to what this refered to earlier. I.E. billybob.
     console.log(data.userId, self.userid);   // This will correctly output "1".
    }, "JSON");
}

还要注意：

 var billybob = new CurrentUser();
   console.log(billybob.userId);   

当您调用console.log（即在创建billybob 后立即）时，ajax 请求尚未完成，所以它是undefined。

Answer 2

在构造函数中，考虑做

var self = this;

在函数中

self.userId = data.userId;

this 内部函数与外部函数不同。虽然，我不知道 JQuery。可能它应该自动设置关闭。