Jquery：将 XML 节点映射到 HTML ID 元素

Question

概括标题中要说的内容从来都不是一件容易的事...但是我们开始了...

我意识到我可能直接看到了显而易见的、可能是 JQuery 内置功能的东西。

我想要做的是：

1. 有一个 XML 文件（本地或通过服务器）包含恰好有它们的节点 节点名称，即 HTML 中文本框的 ID 名称 即

2. 我想通过 JQuery AJAX 调用，解析 XML 并映射节点的值 到相同节点名称的 HTML ID 元素的值...

我立即意识到有 a) 可能是插件，b) 可能是更好的概念，但我只需要映射到基本 HTML 元素..事实上我可以从技术上讲，有一些更高级的功能可以填充组合框、单选按钮等......

只是有什么想法可以遵循吗？或者是否有一个简单的 JQuery 插件可以做到这一点？

PS：我不喜欢这样的模板，因为尽管我意识到 jTemplates 的强大功能，但我真的不需要任何如此复杂/灵活的东西......

提前致谢！

Answer 1

这应该可以帮助您开始 xml 解析..nodeName

var xml = '<root><text1>i am in text1</text1><text2>i am in text2</text2></root>';
$(xml)
      .children()
      .each(
            function(){
                       alert(this.nodeName + ':' + $(this).text());
                      }
           );

是 xml 中的标签名称，您将使用它作为 html 的 id ..
jquery text 方法将返回 xml 节点的值..（仅限文本）

加载 xml 文件使用

$.get( 
      '/path/to/filename.xml', 
      function(){ 
                 /*runs on success, do the parsing here*/
                },
      'xml'
     ); 

Answer 2

试试这个：

$.get ('/path/to/xml', function (data)
{
    $(data).children ().each (function ()
    {
        $('#' + this.nodeName).val ($(this).text());
    });
})

假设 XML 中只有 1 层嵌套。

Answer 3

实际上很棒的输入，谢谢大家的帮助……它让我继续前进。

再次，我意识到那里有模板引擎，但我的下一步是构建更复杂一点的东西，以便能够填充组合框、单选按钮等..只是 HTML 的基础知识..因为我正在使用 < a href="http://www.dhtmlx.com" rel="nofollow noreferrer">DHTMLX 组件 可以做任何奇特的事情..主要是因为它们似乎拥有我发现的最容易理解的 JavaScript 小部件。我知道 ExtJS 正在赶上更好的 docco、更简单的 API 等。

所以总而言之，我将拥有：

1. 在整个系统中命名相同的数据库中的字段。
   被称为名字，那么 HTML 元素将被称为名字
2. 在我从数据库创建的 XML 中，我将添加诸如“元素类型”之类的属性
   这将是文本、广播、组合或其他任何内容，所以我知道如何填充这些值。
3. 然后 javascript/JQuery 可以执行显示数据所需的操作。

这一切的主要原因是我的合作伙伴可以将页面/布局设计为纯 HTML，而不用担心 XSLT/模板...和数据简单的填充...

我确信那里一定有一些“引擎/插件”..但现在我会努力解决它...

再次感谢...

Answer 4

$(xml).find('foo').each( function() {
  alert (this.text());
});