Как загрузить 2 XML-файла через Jquery?

0

У меня есть 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 Trucks</name>
</div>
<dealer id="456">
    <name>Ali Trucks</name>
</div>
<dealer id="789">
    <name>May 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 Trucks</div>
</div>
<div class="listing">
    <div class="listing-image"><img src="/image2.jpg"/></div>
    <div class="listing-data">Name: Ali Trucks</div>
</div>
<div class="listing">
    <div class="listing-image"><img src="/image3.jpg"/></div>
    <div class="listing-data">Name: May Trucks</div>
</div>

Приветствия.

  • 0
    Основной обзор заключается в том, что вам нужно написать код javascript для загрузки XML в строку, передать в parseXML () , а затем сгенерировать HTML на основе данных в объекте, который вам дал parseXML. , ,
Теги:

1 ответ

0

используйте 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>
Поделиться
  • 0
    Привет, спасибо за ваш ответ. Я обновил свой вопрос.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню