如何使用ajax和jquery从ID为xm的文件中获取数据

死人

我有一个简单的XML文件,现在我想向用户显示一个使用ID描述的特定产品。

我的XML文件如下所示

在此处输入图片说明

这是我的js

   $.ajax({
        type: "GET",
        url: "xxxxx",
        cache: false,
        dataType: "xml",
        success: function(xml) {
            console.log(xml);
            var $xml = $(xml);
            item = $xml.find('item').has( "Id:contains('1215523')" );
            console.log(item);
        }
    });

这是我得到的结果

在此处输入图片说明

我需要做什么才能得到我需要的东西?任何帮助或建议将不胜感激

斯瓦蒂

您只需要用于item g\\:id:contains('yourid')获取有关特定xml节点的信息

因此,您将看起来像:

  var $xml = $(xml);
  item = $xml.find('item g\\:id:contains("yourid")');

演示代码

$(function() {
  var xml = "<rss version='2.0' xmlns:g='http://base.google.com/ns/1.0'>";
  xml += $("#xmldata").html();
  xml += "</rss>";
  //parse xml
  var xmlDoc = $.parseXML(xml),
    $xml = $(xmlDoc);
  var result = "";
  //get item-><g:id>->1
  var pkSelector = "item g\\:id:contains('1')";
  console.log($xml.find(pkSelector).text());
  if ($xml.find(pkSelector).length > 0) {
    result = "<table border='1'>";
    result += "<tr><th>Id</th><th>Title</th><th>des</th></tr>";
    result += "<tr>";
    result += "<td>" + $xml.find(pkSelector).text() + "</td>";
    result += "<td>" + $xml.find(pkSelector).next("g\\:title").text() + "</td>";
    result += "<td>" + $xml.find(pkSelector).next("g\\:title").next("g\\:description").text() + "</td>";
    result += "</tr>";
    result += "</table>";
    $("#result").html(result);
  } else {
    $("#result").html("No item found  ");
  }


});
#xmldata {
  display: none;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="xmldata">
  <item>
    <g:id>
      1
    </g:id>
    <g:title>
      test
    </g:title>
    <g:description>
abcdjcdk
    </g:description>
  </item>
  <item>
    <g:id>
      2
    </g:id>
    <g:title>
      test2
    </g:title>
      <g:description>
    Sjdbvdvdvvvvvdsvsdv
    </g:description>
  </item>

</div>

<div id="result">
</div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何使用 bootstrap 和 Ajax 根据选定的 ID 从 MySQL 数据库中获取数据?

使用Ajax Jquery和asmx服务通过ID获取数据

Ajax:如何使用FormData和jQuery发送“空”文件并在$ _FILES中获取它

如何使用Jquery和Ajax从JSON文件检索数据?

如何使用php jquery ajax上传文件和插入数据

如何使用ExpressJS从jQuery Ajax发布中获取数据

如何使用golang从txt文件中读取和获取数据

如何在 jQuery 中获取 AJAX 数据?

如何从JQuery Ajax请求中获取“数据”

如何使用jQuery Ajax获取API数据?

如何使用jQuery ajax获取数据?

如何使用jquery ajax获取文件列表

如何使用JQuery获取tr数据ID?

如何使用ajax从jquery数据表中嵌套的json子数组中获取数据

从xml文件中获取数据并使用Ajax和xpath在html表中显示

使用jQuery的$ .ajax()函数从php文件中获取JSON数据不起作用

使用jquery ajax发布和获取数据,仅在mvc中更新html表行

使用jQuery(AJAX)获取外部HTML文件的列表元素的ID

如何使用Jquery和Ajax将Json数据发送到数据库中?

如何使用jQuery从数组中获取数据

如何获取数据框中的行号并存储为Id?

使用jQuery从txt文件中获取菜单和子菜单JSON数据

如何使用 javascript 和 ajax 从天气 RSS 提要中获取数据?

使用jQuery和AJAX从JSON文件加载数据

如何在 Angular7 中从 JSON 文件中获取和使用数据

如何从根为xmlns的XML文件中获取数据

Codeigniter:如何使用ajax和csrf获取流程数据

如何使用 $.ajax() jquery 获取数据并显示到 HTML 网页

如何使用javascript/jQuery获取数据ajax api数组?