使用对象正确替换全局变量

Question

我一直在试图弄清楚如何使用原型初始化对象，以便使用全局变量进行转义，这是我第一次了解 此处。我开始实现在接受的答案中找到的我自己的代码版本。

function XML_Data() {
  this.data = null;
}

XML_Data.prototype = {
 GetXML: function() {
  $.ajax({
   type: "GET",
   url: "questions.xml",
   dataType: "xml",
   success: function(xml) {
    this.data=xml;
   } //close success
  });//close AJAX  
 },

 UseXML: function() {
  alert(this.data)
 }
};

（我的脚本实现）

---

但是，我遇到了问题。当我使用这段代码运行此处显示的函数时：

var data = new XML_Data();
data.GetXML();
data.UseXML();

我收到一条警告，提示“null”。我已经浏览过这些代码大约十几次了，但由于这是我第一次使用 Javascript，所以很明显我错过了一些东西。你能指出这一点吗？

谢谢，埃利奥特·博纳维尔。

Answer 1

值得注意的是，

var data = new XML_Data();
data.GetXML();  //This will run the ajax request
data.UseXML();  //This will most likely run before the ajax request is finished.

在 Jquery 中发布事件可能会起作用，但我还没有测试过这段代码。

function XML_Data() {
  this.data = null;
}

XML_Data.prototype = {
 GetXML: function() {
  $.ajax({
   type: "GET",
      url: "questions.xml",
   dataType: "html",
   success: function(xml) {
    this.data=xml;
    $(window).trigger("myAjaxEvent");
   } //close success
  });//close AJAX  
 },

 UseXML: function() {
  alert(this.data)
 }
};


$(document).ready( function () {
    var data = new XML_Data();
    $(window).bind("myAjaxEvent", function () {
      data.UseXML();
    });

    data.GetXML();

});

Answer 2

您现在拥有的代码尝试使用非阻塞异步 API 同步（按顺序）运行。 UseXML 调用发生在 GetXML 调用实际完成其 AJAX 操作之前，因为它是异步的。

您可以以异步模式（其中在 AJAX 请求成功时直接调用 this.UseXML）或同步模式（其中将“async:false”传递给 AJAX 调用）编写此代码。异步模式在 JavaScript 开发中更为常见，因为它更强大，同步请求通过阻止脚本执行来阻止浏览器中的 UI，但同步对于小事情来说更容易做到。

请参阅 http://api.jquery.com/jQuery.ajax/