将XML节点映射到HTML表单元素

Question

我想将XML节点值（从AJAX脚本发送的XML）映射到相应的HTML表单元素中。例如,XML数据；

<object>
  <fielda>John</fielda>
  <fieldc>Tailor</fieldc>
</object>

应通过脚本插入HTML表单：

<form name="myform">
  <input name="fielda" value="">
  <input name="fieldc" value="">
</form>

问题在于，脚本应该通用地适用于所有对象（不能预先知道XML中会给出哪些字段，例如，如果“fieldx”是用XML发送的，则该脚本应该满足document.myform.fieldx表单元素，并具有XML中的相应值）。所以这个脚本应该循环所有XML节点，并尝试将值设置为HTML表单。

Answer 1

JsFiddle

<form name="myform">
    <input name="fielda" value=""/>
    <input name="fieldc" value=""/>
</form>
<div id="status">Loading...</div>

#status {
    font-style:italic;
    font-size:0.8em;
}

$.ajax({
    'url':'/echo/xml/',
    'method':'POST',
    'data':{
        xml:'<object>\n<fielda>John</fielda>\n<fieldc>Tailor</fieldc>\n</object>',
        'delay':1
    },
    'complete':function(xhr,status) {
        console.log(xhr);
        var form = document.myform;
        var root = xhr.responseXML.children[0];
        for (var i = 0; i < root.children.length; ++i) {
            var field = root.children[i];
            form[field.nodeName].value = field.textContent;
        } // end for
        document.getElementById('status').textContent = '';
    }
});