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

时间:2011-08-13 00:16:48

标签: jquery xml dom map

我有一个存储为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=""  />

3 个答案:

答案 0 :(得分:1)

我假设你只是想要在输入值中使用xorn,stde和arte(xml)中的值

你可以做到

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

答案 1 :(得分:0)

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/

答案 2 :(得分:0)

看一下jQuery parseXML,它可以帮助你解决这个问题,并让你了解它是如何工作的。