使用 jquery 将 XML 字符串映射到 HTML 页面

Posted 2023-05-09

【中文标题】使用 jquery 将 XML 字符串映射到 HTML 页面

【英文标题】：map an XML string into HTML page with jquery

【发布时间】：2011-10-26 05:35:31

【问题描述】：

我有一个存储为 javascript 字符串的 XML 字符串。

<script src="jquery.mobile/jquery.js"></script>
<script>

testXML="<?xml version='1.0' encoding='UTF-8' ?>\n\
<DataGroup>\n\
    <RequestHdr>\n\
        <XORN>98765</XORN>\n\
        <STDE>20110101</STDE>\n\
        <ARTE>20110102</ARTE>\n\
    </RequestHdr>\n\
</DataGroup>";

$(document).ready(function()


);

</script>

我想把它直接映射成一个看起来像这样的 html 片段。

<input type="text" name="XORN" id="preXord" value=""  />
<input type="text" name="STDE" id="preTrav" value="" />
<input type="text" name="ARTE" id="preArr"  value=""  />

【参考方案1】：

我假设您只是希望在输入值中使用 xorn、stde 和 arte (xml) 中的值

你可以的

var $xml = $.parseXML( testXML );
$('#preXord').val($xml.find('XORN').text());
...

【参考方案2】：

var xml="<?xml version='1.0' encoding='UTF-8' ?>\n\
<DataGroup><RequestHdr><XORN>98765</XORN><STDE>20110101</STDE><ARTE>20110102</ARTE></RequestHdr></DataGroup>";


    xmlDoc = $.parseXML( xml ),
    $xml = $( xmlDoc );



$("#preXord").val($xml.find("XORN").text());
$("#preTrav").val($xml.find("STDE").text());
$("#preArr").val($xml.find("ARTE").text());

这是工作小提琴http://jsfiddle.net/wBJyQ/

【参考方案3】：

看看 jQuery parseXML，它会在这种情况下对您有所帮助，并让您了解它的工作原理。