Comment analyser XML et insérer du contenu dans un formulaire HTML en utilisant jQuery?

Question

J'ai un simple fichier XML avec des balises d'image:

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" /> 

Je dois d'insérer ce contenu ("src" attrib) dans une balise <div> dans mon formulaire HTML.

HTML:

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

Est-ce que quelqu'un sait comment cela peut être fait en utilisant jQuery ?

Merci à l'avance.

H.

Answer 1

ce que quelque chose comme:

<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> 

forme piraté ici: http://www.getdowntonight.co.uk/2009/08/using-xml-in-your-jquery-to-populate-input-boxes/

ne fonctionnent pas, mais semble que cela vous permet de vous sur votre chemin.

Answer 2

Puisque votre fichier xml contient un balisage html valide, pourquoi ne pas le bloquer directement dans votre div? Pourquoi stocker cela dans un fichier xml?

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