Как разобрать XML и вставить содержимое в форму HTML с помощью jQuery?

Question

У меня есть простой файл XMl с тегами изображений:

XML:

<img src="images/image1" alt="My Image 1" />
<img src="images/image2" alt="My Image 2" />
<img src="images/image3" alt="My Image 3" />
<img src="images/image4" alt="My Image 4" />

Мне нужно вставить этот контент (атрибут "src") внутри тега <div> в моей HTML-форме.

HTML:

<div id="photos">
</div>

Кто-нибудь знает, как это можно сделать с помощью jQuery ?

Заранее спасибо.

H.

Answer 1

Поскольку ваш xml-файл содержит допустимую разметку html, почему бы вам просто не вставить его непосредственно в div?

$('#photos').load('TheFile.xml')

Answer 2

что-то вроде:

<script type="text/javascript">
function imageData() {
    //first we need to load the XML data for that detail row
    //if the function is a success it will call the function called processDetail
    $.ajax({
       type: "GET",
       url: "PATH_TO_XML_GOES_HERE",
       dataType: "xml",
       success: getImages
     });
}

function getImages(xml) {
    //this function gets the results from the xml file
    //and inserts them in to the boxes
    $(xml).find("img").each(function()   {
        $("#photos").append(this);
    });
}
</script>

взломанная форма здесь: http://www.getdowntonight.co.uk/2009/08/using-xml-in-your-jquery-to-populate-input-boxes/

может не сработать, но, похоже, это заставляет вас двигаться.