【问题标题】:Jquery/Ajax - XML Parsing - extract record according to criteriaJquery/Ajax - XML Parsing - 根据标准提取记录
【发布时间】:2012-05-16 14:50:06
【问题描述】:

是否可以从 xml 中提取符合查询字符串条件的记录?

例如,我有以下解析 xml 文件的解析脚本,页面 url 可以包含几个不同的查询字符串,例如音乐 - 是否可以读取查询字符串,然后只解析与短语中的短语匹配的记录查询字符串?

$.ajax({
    type: "GET",
url: "#",
dataType: "xml",
success: function(xml) {

    $(xml).find("catalogueResult").each(function(i) {

        var mediaArtist = $("artist", this).text()
        var imgSrc   = $("imageUrl", this).text()
        var title = $("title", this).text()
        var priceCode = $("priceCode", this).text()
        var mediaRow= $('<div class="mediaBlock"><div class="promoImg floL"><img src="'+imgSrc+'" width="75" alt="'+title+'"/></div><div class="promoContent"><h2>'+title+'</h2><h2 class="red">'+mediaArtist+'</h2><div class="buyBtn"><span><A href="http://www.mobilechilli.com">Buy Now</a></span></div></div></div>');
        var compiledData = $(mediaRow);
        $(".recommends").append(compiledData);

    });
}

});

【问题讨论】:

  • 我注意到你在字符串之前做这些$(');?我不认为你必须这样做。您还无缘无故地添加了(i)

标签: jquery xml ajax parsing xml-parsing


【解决方案1】:

试试这样的。尽管您可能必须根据您构建 xml 的方式更改一些变量。

$(document).ready(function(){

$.ajax({
  type: "GET",
  url: "( URL to your xml )",
  dataType: "xml",
  success: parseXml
});


// function that parses XML
function parseXml(xml){

    // find node with name "catalogueResult" and run function for each
    $(xml).find("catalogueResult").each(function(){

    // variables
    var mediaArtist = $(this).find("artist").text();
    var imgSrc = $(this).find("imageUrl").text();
    var title = $(this).find("title").text();

    var priceCode = $(this).find("priceCode").text();
    var mediaRow= '<div class="mediaBlock"><div class="promoImg floL"><img src="'+imgSrc+'" width="75" alt="'+title+'"/></div><div class="promoContent"><h2>'+title+'</h2><h2 class="red">'+mediaArtist+'</h2><div class="buyBtn"><span><A href="http://www.mobilechilli.com">Buy Now</a></span></div></div></div>';

    $(".recommends").append(mediaRow);

    });
}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2021-09-23
    • 1970-01-01
    • 2018-09-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-10-18
    相关资源
    最近更新 更多