Javascript 尝试遍历和解析xml标记，并在每个段落中分别显示文本_Javascript_Jquery_Xml_Ajax

Javascript 尝试遍历和解析xml标记，并在每个段落中分别显示文本

javascript jquery xml ajax

Javascript 尝试遍历和解析xml标记，并在每个段落中分别显示文本,javascript,jquery,xml,ajax,Javascript,Jquery,Xml,Ajax,我正在使用Jquery获取我试图解析的一些xml代码。我有一个标签，里面嵌套了一堆类似的标签。我如何从这些标签中提取文本，并将它们放在一个段落中？现在，我要从父标签中嵌套的标签中提取所有文本，并将它们全部放在一个段落中 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&g

我正在使用Jquery获取我试图解析的一些xml代码。我有一个标签，里面嵌套了一堆类似的标签。我如何从这些标签中提取文本，并将它们放在一个段落中？现在，我要从父标签中嵌套的标签中提取所有文本，并将它们全部放在一个段落中

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>DJ Ron Love Music Catalog</title>
    <script type='text/javascript' src='http://imaginationeverywhere.info/jslib//dev/jquery-1.5.1.js'>
    </script>
    <script type='text/javascript' src="http://imaginationeverywhere.info/djronlove/itunes.js">
    </script>
</head>
<body>
    <h3>Displaying DJ Ron Love's Music Catalog</h3>
</body>
</html>


DJ罗恩爱音乐目录
展示DJ Ron Love的音乐目录

我写的js如下：

$(function(){
$(window).load(function(){
    $.ajax({
        url: 'http://imaginationeverywhere.info/djronlove/new_2.xml',
        dataType: 'xml',
        success: function(xml){
            $(xml).find('dict').each(function(){
                var key = $(this).find('key').text();
                $('<p></p>').addClass('key').html(key).appendTo('#container');
            });
        }
    });
});
$('<div></div>').attr('id', 'container').appendTo('body');
});

$（函数（）{
$（窗口）。加载（函数（）{
$.ajax({
网址：'http://imaginationeverywhere.info/djronlove/new_2.xml',
数据类型：“xml”，
成功：函数（xml）{
$（xml）.find（'dict'）.each（function（）{
var key=$（this.find（'key'）.text（）；
$（“”）.addClass（'key'）.html（key）.appendTo（'#container'）；
});
}
});
});
$（''）.attr（'id'，'container'）。appendTo（'body'）；
});

也许是这样的

$.ajax({
  url:'goGetMyscript.xml'
, type : 'GET'
, dataType : 'xml'
, success : parseXML
});

function parseXML(xml){
  $(xml).find('catalogItem').each(function(){
    $('#someDiv').append('<p>' + $(this).text() + '</p>' )
  });
};

$.ajax({
url:'goGetMyscript.xml'
，键入：“GET”
，数据类型：'xml'
，success:parseXML
});
函数解析xml（xml）{
$（xml）.find（'catalogItem'）.each（函数（）{
$（'#someDiv'）.append（''+$（this.text（）+''））
});
};

$.ajax({
键入：“获取”，
url:“test.xml”，
数据类型：“xml”，
成功：函数（xml）{
parseXml（xml）；
}
});
函数解析xml（xml）{
$（xml）.find（*）.each（function（）{//我在这里为孩子们放了*但是如果你知道你想要什么，那么就把它改为“author”或“title”
var text=$（this.text（）；
$（“正文”）。追加（“”+文本+””；
});
}
//使用您的代码
$（文档）.ready（函数（）{
$（“正文”）。追加（“”）；
$.ajax({
网址：'http://imaginationeverywhere.info/djronlove/new_2.xml',
数据类型：“xml”，
成功：函数（xml）{
$（xml）.find（'dict'）.each（function（）{
var key=$（this.find（'key'）.text（）；
$（“#容器”）。追加（“”+text+””）；
});
}
});
});

你能发布你用来解析的JS吗？我发布了，在标题部分有一个链接

$.ajax({
    type: "GET",
    url: "test.xml",
    dataType: "xml",
    success: function(xml){
        parseXml(xml);
    }
});

function parseXml(xml){
    $(xml).find(*).each(function(){    //i have put * here for children but if you know what you want then put that instead ie "author" or "title"
        var text = $(this).text();
        $("body").append("<p>"+text+"</p>");
    });
}




//using your code
$(document).ready(function(){

    $("body").append("<div id='container'></div>");

    $.ajax({
        url: 'http://imaginationeverywhere.info/djronlove/new_2.xml',
        dataType: 'xml',
        success: function(xml){
            $(xml).find('dict').each(function(){
                var key = $(this).find('key').text();
                $("#container").append("<p>"+text+"</p>");
            });
        }
    });

});