こんにちは。
jQuery.ajax()を使ってXMLを読み込み、HTMLで表示しようと
していますが、下記の「結果」になります。
属性と要素をそれぞれ取得したいのですが、うまくいきません。
下記の「理想結果」のように表示するにはどうすればいいでしょうか?
ご教授いただきたくお願いします。
なお、XMLは変更できませんのでJavaScript側で対処したいと思います。
よろしくお願いいたします。
lang
1<?xml version="1.0" encoding="UTF-8"?> 2 3<main> 4 5 <data name="title1">テスト1</data> 6 7 8 <data name="title2">テスト2</data> 9 10 11 <data name="title3">テスト3</data> 12 13 14</main> 15
lang
1<!DOCTYPE html> 2<html> 3 <head> 4 <meta charset="utf-8" /> 5 <script type="text/javascript" src="jquery-2.0.3.min.js"></script> 6 </head> 7 <body onLoad="loadxml()"> 8 <div id="sample"> 9 <ul></ul> 10 <script type="text/javascript"> 11 function loadxml(){ 12 //alert("test!"); 13 $.ajax({ 14 url:'test.xml', 15 type:'GET', 16 dataType:'xml', 17 timeout:1000, 18 error:function() { 19 alert("ロード失敗"); 20 }, 21 success:function(xml){ 22 alert("ロード成功"); 23 $(xml).find("main").each(function() { 24 25 $("#sample").append('<li>' + $(this).find('data').attr('name') + ' : ' + $(this).find('data').text() + '</li>'); 26 }); 27 } 28 }); 29 30 } 31 </script> 32 </div> 33 </body> 34 35 </html>
結果
lang
1title1 : テスト1テスト2テスト3
理想結果
lang
1title1 : テスト1 2title2 : テスト2 3title3 : テスト3
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2014/11/11 05:09