jquery - 如何通过 Jquery 加载 2 个 xml 文件？

Question

我有 2 个 xml 文件（data.xml 和 images.xml）要加载到 div 结构中，例如：

<div class="listing">
    <div class="listing-image"></div>
    <div class="listing-data"></div>
</div>

我怎样才能将它们一起加载？这是data.xml

<dealer id="123">
    <name>Lily's Trucks</name>
</div>
<dealer id="456">
    <name>Ali's Trucks</name>
</div>
<dealer id="789">
    <name>May's Trucks</name>
</div>

和 images.xml

<images>
    <image source="/image1.jpg" id="123"/>
    <image source="/image2.jpg" id="456"/>
    <image source="/image3.jpg" id="789"/>
</images>

输出应该是：

<div class="listing">
    <div class="listing-image"><img src="/image1.jpg"/></div>
    <div class="listing-data">Name: Lily's Trucks</div>
</div>
<div class="listing">
    <div class="listing-image"><img src="/image2.jpg"/></div>
    <div class="listing-data">Name: Ali's Trucks</div>
</div>
<div class="listing">
    <div class="listing-image"><img src="/image3.jpg"/></div>
    <div class="listing-data">Name: May's Trucks</div>
</div>

干杯。

Answer 1

使用 jquery.load()

<script>
    $(function(){
        $('.listing-image').load('http://images.xml');
        $('.listing-data').load('http://data.xml');
    });
</script>


<div class="listing">
    <div class="listing-image"></div>
    <div class="listing-data"></div>
</div>