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

Question

从标题中概括要表达的内容绝非易事...但我们开始吧...

我意识到我可能直接忽略了明显的 JQuery 内置函数。

我想做的是:

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

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

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

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

P.S:我不喜欢这样的模板，因为即使我意识到 jTemplates 的强大功能，我真的不需要像那样复杂/灵活的东西......

提前致谢!

Answer 1

这应该让您开始进行 xml 解析..

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());
                      }
           );

nodeName 是 xml 中的标签名称，您将用作 html 的 id ..jquery 文本方法将返回 xml 节点的值..(仅文本)

加载xml文件使用

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