在javascript关闭中加载一次XML文件

Question

我目前正在尝试创建一个javascript闭包，该闭包将使用我所拥有的XML文件中的值创建一个下拉列表。我已经为大部分代码工作，并且每次必须使用它时都会加载XML文件。我想让代码更高效，但只加载一次XML文件。我试图使用下面的代码来做到这一点，但不断收到错误。

这是我对封闭的代码...

var closure = function() { 

    var xmlDoc; 

    return{ 

      setXML: function() 
      { 
       xmlDoc = this.loadXMLDoc("feed.xml"); 
      }, 


      loadXMLDoc: function(dname) 
      { 
       if (window.XMLHttpRequest) 
       { 
        xhttp=new XMLHttpRequest(); 
       } 
       else 
       { 
        xhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
       } 

       xhttp.open("GET",dname, false); 
       xhttp.send(); 
       return xhttp.responseXML; 
      }, 


      createField: function() 
      { 
       x = xmlDoc.getElementsByTagName("name"); 
       //code to create the drop down box 
      }, 

      findValue: function() 
      { 
       y = xmlDoc.getElementsByTagName("value"); 
       //code to find value 
      } 

    }; 

}(); 

这是调用函数的代码...

$(document).ready(function() { 
    closure.setXML(); 
}); 

我得到的错误是“不能调用方法'getElementsByTagName'的undefined'，它可以在createField函数中找到。这是我尝试使用xmlDoc的第一个实例。

任何关于这个问题的帮助或教程是非常感谢。

Answer 1

既然你是doint jQuery，为什么不在你的闭包中使用jQuery呢？如果xmlDoc是undefined，则加载它时一定有问题。尝试执行console.log以查看在执行AJAX之后是否返回了任何数据。

var closure = (function($) { 

    var xmlDoc; 

    return { 
     setXML: function() { 
      this.loadXMLDoc("feed.xml", function(data) { 
       xmlDoc = data; 
      }); 
     }, 
     loadXMLDoc: function(dname, callback) { 
      $.get(dname, function(data) { 

       //a possible point of failure 
       //do console.log(data) to see if anything was returned 

       callback(data); 
      }, 'xml'); 
     }, 
     createField: function() { 
      x = $("name",xmlDoc); 
      //code to create the drop down box 
     }, 
     findValue: function() { 
      y = $("value",xmlDoc); 
      //code to find value 
     } 
    }; 
}(jQuery));​