带有嵌套 .each() 的 jQuery AJAX 成功函数 - 数据未定义

Question

是的，这可能有点难以解释。

我有一个 jQuery AJAX 请求，它正在读取一个 XML 文件，其布局类似于

<root>
    <nodes>
        <node type="typeOne" name="nodeNameOne" />
        <node type="typeOne" name="nodeNameTwo" />
        <node type="typeTwo" name="nodeNameThree" />
        <node type="typeThree" name="nodeNameFour" />
        <node type="typeFour" name="nodeNameFive" />
    </nodes>

    <otherNodes>
        <otherNode name="nodeNameOne">Some value</otherNode>
        <otherNode name="nodeNameTwo">Some value</otherNode>
    </otherNodes>
</root>

： XML 文件由第三方工具生成。

我想要做的是读取 的 name 属性的值，然后使用它从相应的 中提取值，如果存在的话。

这就是我在成功回调函数中得到的内容：

function ParseFile(data, status, request){
    var types = ['typeOne', 'typeTwo']; //I don't care about all the <node>s

    alert(typeof data); //displays "object"

    types.each(function(entry, index){
        alert(typeof data); //displays "object"
        var typeNodes = jQuery(data).find('node[type="'+entry+'"]');

        typeNodes.each(function(){
            alert(typeof data); //displays "undefined"
            var name = jQuery(this).attr('name');
            /* The data object is undefined once you get inside this loop,
               so the following doesn't work. */
            var otherNode = jQuery(data).find('otherNode[name="'+name+'"]').text();
        });
    });
}

问题是，我似乎无法从第二个 .else() 循环中访问数据变量。即使我在第一个变量 var newData = data; 中声明了一个变量，newData 也是未定义的。

Answer 1

这不起作用的原因是 jQuery 函数修改 data 并尝试将其设置为它认为您已传入的 html 片段。但是，您没有将有效的 html 传递到它，因此将其设置为未定义。您需要将数据复制到另一个变量，而不仅仅是设置引用。

尝试执行

var myData = data.substr(0);

Answer 2

var types = ['typeOne', 'typeTwo']; 

types 不是一个 jQuery 对象，它是一个数组，您可以使用 each 函数对其进行迭代。

// This will not work 

types.each(function(entry, index){
  //... iteration processing
}; 

对于 types 变量，使用 for 循环或将其转换为 jQuery 对象。

Answer 3

这并不完全是您具体问题的答案，但您可以使用 map() 将其简化为以下内容：

// Returns an array of ["Some value", "Some value", ""]
$xml.find('node[type=typeOne], node[type=typeTwo]').map(function() { 
  return $xml.find('otherNode[name=' + this.getAttribute('name') + ']').text(); 
});

假设 $xml 是一个包含 jQuery 包装的 XML 的变量。例如我在控制台这样定义来测试：

var $xml = $('<root>
  <nodes>
    <node type="typeOne" name="nodeNameOne" />
    <node type="typeOne" name="nodeNameTwo" />
    <node type="typeTwo" name="nodeNameThree" />
    <node type="typeThree" name="nodeNameFour" />
    <node type="typeFour" name="nodeNameFive" />
  </nodes>

  <otherNodes>
    <otherNode name="nodeNameOne">Some value</otherNode>
    <otherNode name="nodeNameTwo">Some value</otherNode>
  </otherNodes>
</root>');