[英]Parse XML into a string using javascript or jquery
我需要解析XML为基于使用Javascript或Jquery的用户的搜索输入的字符串。
XML位于rssfeed.ucoz.com/rssfeed.xml太大,无法在此处放置。
例:
原始XML
<item>
<title>Abyssal Warder fire</title>
<guid isPermaLink="false">//lh5.googleusercontent.com/_qvhVKLFln2A/TU-51_bGZ9I/AAAAAAAAEW4/uAmzL3e-vn0/Abyssal%20Warder%20fire.jpg</guid>
<media:description>Giant Destroyer</media:description>
<media:thumbnail url="http://lh5.googleusercontent.com/_qvhVKLFln2A/TU-51_bGZ9I/AAAAAAAAEW4/uAmzL3e-vn0/s144/Abyssal%20Warder%20fire.jpg" />
<media:group>
<media:content url="http://lh5.googleusercontent.com/_qvhVKLFln2A/TU-51_bGZ9I/AAAAAAAAEW4/uAmzL3e-vn0/Abyssal%20Warder%20fire.jpg" />
<media:content isDefault="true" width="685" height="295" url="http://rssfeed.ucoz.com/Battleforge.html" type="text/html" />
</media:group>
</item>
<item>
<title>Abyssal Warder frost</title>
<guid isPermaLink="false">//lh4.googleusercontent.com/_qvhVKLFln2A/TU-54ZuHv6I/AAAAAAAAEW8/gtPs25XUjhY/Abyssal%20Warder%20frost.jpg</guid>
<media:description>Giant Destroyer</media:description>
<media:thumbnail url="http://lh4.googleusercontent.com/_qvhVKLFln2A/TU-54ZuHv6I/AAAAAAAAEW8/gtPs25XUjhY/s144/Abyssal%20Warder%20frost.jpg" />
<media:group>
<media:content url="http://lh4.googleusercontent.com/_qvhVKLFln2A/TU-54ZuHv6I/AAAAAAAAEW8/gtPs25XUjhY/Abyssal%20Warder%20frost.jpg" />
<media:content isDefault="true" width="685" height="295" url="http://rssfeed.ucoz.com/Battleforge.html" type="text/html" />
</media:group>
</item>
结果为字符串时,用户搜索“深渊守卫火”或只是“深渊之火”
<item>
<title>Abyssal Warder fire</title>
<guid isPermaLink="false">//lh5.googleusercontent.com/_qvhVKLFln2A/TU-51_bGZ9I/AAAAAAAAEW4/uAmzL3e-vn0/Abyssal%20Warder%20fire.jpg</guid>
<media:description>Giant Destroyer</media:description>
<media:thumbnail url="http://lh5.googleusercontent.com/_qvhVKLFln2A/TU-51_bGZ9I/AAAAAAAAEW4/uAmzL3e-vn0/s144/Abyssal%20Warder%20fire.jpg" />
<media:group>
<media:content url="http://lh5.googleusercontent.com/_qvhVKLFln2A/TU-51_bGZ9I/AAAAAAAAEW4/uAmzL3e-vn0/Abyssal%20Warder%20fire.jpg" />
<media:content isDefault="true" width="685" height="295" url="http://rssfeed.ucoz.com/Battleforge.html" type="text/html" />
</media:group>
</item>
我已经在网上搜寻了5天,却什么也没得到。 所有我看到的结果被解析的XML显示为HTML,但没有为字符串。 我需要将其作为字符串,因为我会将其输入到需要它作为字符串的Web应用程序的api中。 请帮助,任何有关如何完成此操作的想法或代码将不胜感激。 提前致谢。
如果我正确理解了您的问题,听起来您需要做的就是通过XMLHttpRequest加载该XML,然后使用XPath查询找到您要查找的内容。
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET","http://rssfeed.ucoz.com/rssfeed.xml ",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;
编辑:我忘了我正在使用JQuery
这是我的观点:
function init(){
$.ajax({
type: "GET",
url: "http://localhost/gis/hola.xml", // this should be your XML url
dataType: "text",
success: parseXml // your own callback function
});
}
function parseXml(xml){
xml = xml.replace(/\n/g,''); // just to replace carry return
var url = 'http://localhost/'+xml;
alert(url);
}
您的xml文件是:
<?xml version="1.0" encoding="utf-8" ?>
<RecentTutorials>
<Tutorial author="The Reddest">
<Title>Silverlight and the Netflix API</Title>
</Tutorial>
</RecentTutorials>
然后,您的url
变量应为(发送前,请记住将'/'符号转换为其特定的ASCII字符(http://www.asciitable.com/)):
http://localhost/<?xml version="1.0" encoding="utf-8" ?><RecentTutorials><Tutorial author="The Reddest"><Title>Silverlight and the Netflix API</Title></Tutorial></RecentTutorials>
url
现在具有此值。 如果您尝试在div
上显示此var:
Silverlight and the Netflix API
因为您的浏览器不会跳过<
和>
符号。
尝试像这样调用您的函数:
function parseXml(xml){
xml = xml.replace(/\n/g,''); // just to replace carry return
cooliris.embed.setFeedContents('XML parsed as string: '+xml)
}
希望对您有帮助。 祝您满意!
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.