Javascript 仅显示来自特定类别的XML数据
我想让我的Phonegap iPhone应用程序读取我服务器上的一个XML文档,该文档可以联系产品列表,并仅在产品属于某一类别时显示它们 目前,此功能完全可用,但会显示所有产品: XML示例:Javascript 仅显示来自特定类别的XML数据,javascript,jquery,xml,cordova,Javascript,Jquery,Xml,Cordova,我想让我的Phonegap iPhone应用程序读取我服务器上的一个XML文档,该文档可以联系产品列表,并仅在产品属于某一类别时显示它们 目前,此功能完全可用,但会显示所有产品: XML示例: <item> <id>25579</id> <image><![CDATA[http://urlexample.com.au/wp-content/uploads/catablog/thumbnails/Speaker.jpg]
<item>
<id>25579</id>
<image><![CDATA[http://urlexample.com.au/wp-content/uploads/catablog/thumbnails/Speaker.jpg]]></image>
<subimages>
</subimages>
<title><![CDATA[Product Name]]></title>
<description><![CDATA[]]></description>
<date>2014-02-04</date>
<order>5</order>
<link><![CDATA[http://www.productlink.com.au]]></link>
<price><![CDATA[0]]></price>
<product_code><![CDATA[]]></product_code>
<categories>
<category><![CDATA[Speaker]]></category>
<category><![CDATA[Wireless]]></category>
</categories>
</item>
25579
2014-02-04
5.
以下是我的代码:
$.ajax({
type: "GET",
url: "http://www.test.com.au/accessories.xml",
dataType: "xml",
beforeSend : function() {$.mobile.loading('show')},
complete : function() {$.mobile.loading('hide')},
success: parseXml
});
function parseXml(xml) {
// alert(xml);
$(xml).find('item').each(function(){
$("#datadock").append('<img src="' + $(this).find("image").text() + '" style="-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;float:left;margin:1px;height:auto" width="49%">');
});
$.ajax({
键入:“获取”,
url:“http://www.test.com.au/accessories.xml",
数据类型:“xml”,
beforeSend:function(){$.mobile.loading('show')},
完成:函数(){$.mobile.loading('hide')},
成功:parseXml
});
函数解析xml(xml){
//警报(xml);
$(xml).find('item').each(function(){
$(“#datadock”)。追加(“”);
});
有些产品有不同的类别
我怎么能让它只显示“Category=”Speaker”之类的产品。没有任何东西一些项目在“categories”下有多个类别。Category=”Speaker';
category = 'Speaker';
$.ajax({
type: "GET",
url: "test.xml",
dataType: "xml",
beforeSend: function () {},
complete: function () {},
success: parseXml
});
function parseXml(xml) {
$(xml).find("item").each(function () {
if ($(this).find('category').text().indexOf(category) != -1) {
$("#datadock").append('<img src="' + $(this).find("image").text() + '" style="-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;float:left;margin:1px;height:auto" width="49%">');
}
});
}
$.ajax({
键入:“获取”,
url:“test.xml”,
数据类型:“xml”,
beforeSend:function(){},
完成:函数(){},
成功:parseXml
});
函数解析xml(xml){
$(xml).find(“item”).each(函数(){
if($(this).find('category').text().indexOf(category)!=-1){
$(“#datadock”)。追加(“”);
}
});
}