Bonsoir à tous,
je viens vers vous car j'ai un problème pour récupérer les données de mon fichier XML local.
Mon but est de stocker les url de mes images à afficher dans un .xml et de les récupérer avec jquery et les placer dans un tableau.
voici la structure de mon fichier XML:
Code xml : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16 <image id = "0"> <src>data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQwQ=</src> </image> <image id = "1"> <src>data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAA</src> </image> <image id = "2"> <src>https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcSDSca-dmesioXtWMF0rwuTYuDHHBFZ0dvzJ_JtT5wa6xY7fNG6</src> </image> <image id = "3"> <src>https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRPMgm6bPvQGUryRvF13kQwVe-uS4a_o8LnKvl8b5w1QaCSfFjkRQ</src> </image> <image id = "4"> <src>https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQuzEC8OWj95Qkcaq_ekn-RNXmJ_f4rqnCibnIWtLUAYzQmZbFy</src> </image> .....
Pour récupérer les données j'ai utilisé ce code jquery :
le tableau tabImages est déclaré en variable global mais il n'est pas rempli par la ligne : "tabImages.push=src;" alors que la variable src contient bien les données.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15 function recupImage(){ $.ajax( { type: "GET", url: "images.xml", dataType: "xml", success: function(xml){ $(xml).find('image').each(function(){ var id = $(this).attr('id'); var src = $(this).find('src').text(); tabImages.push(src); //alert(src); }); } }); }
De plus je suis obligé de d'afficher ma page web avec wamp serveur , si je fais "launch in chrome" dans notepadd++ j'obtiens une erreur :
je ne comprends pas ou est le probleme car j'ai suivi le tuto pour lire du xml avec jquery...XMLHttpRequest cannot load file:///C:/wamp/www/JS/.... Cross origin requests are only supported for protocol schemes: http, data, chrome-extension, https, chrome-extension-resource.
Une aide serrait grandement appréciée.
D'avance merci.
Partager