使用jquery和YQL的跨域xml不起作用
最近,我遇到了一个应该加载和解析外部XML的脚本,然而,由于我是一个初学者,我以为如果我只更改XMLURL,它可能会起作用,但它没有.
我需要做的是:解析XML,这样它就可以显示为HTML.
我还尝试了许多不同的外部XML,但都没有成功.我当前的XML url是:
Http://bws.buscape.com/service/offer...Id=5889&page=1
我试着在Js菲德尔中配置脚本,但不起作用.因此,您可以使用以下站点:
Http://www.compileonline.com/try_javascript_online.php
要运行该脚本:
选择 | 换行 | 行号
- <!DOCTYPE html>
- <html>
- <head>
- <title>Cross XML Sample</title>
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" />
- <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
- <script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>
- <script src="xml2json.js"></script>
- <script src="jquery.xdomainajax.js"></script>
- <script>
- <!-- XMLs de amostra:
- // http://www.w3schools.com/xml/cd_catalog.xml
- // http://bws.buscape.com/service/offers/lomadee/65717751673178504d42633d/BR/?sourceId=28400481&advertiserId=5889&page=1
- -->
- // For This example, im going to use sample xml from o'reily for practice
- // located at url http://examples.oreilly.com/9780596002527/examples/first.xml
- // We are going to extract character name nodes for this sample
- function xmlLoader(){
- $.ajax({
- url: 'http://examples.oreilly.com/9780596002527/examples/first.xml',
- dataType: "xml",
- type: 'GET',
- success: function(res) {
- var myXML = res.responseText;
- // This is the part xml2Json comes in.
- var JSONConvertedXML = $.xml2json(myXML);
- $('#myXMLList').empty();
- for(var i = 0; i < JSONConvertedXML.book.character.length; i++){
- $('#myXMLList').append('<li><a href="#">'+JSONConvertedXML.book.character[i].name+'</a></li>')
- }
- $('#myXMLList').listview('refresh');
- $.mobile.hidePageLoadingMsg();
- }
- });
- }
- $( document ).delegate("#home", "pageshow", function() {
- $.mobile.showPageLoadingMsg();
- xmlLoader();
- });
- </script>
- </head>
- <body>
- <div data-role="page" id="home">
- <div data-role="header">
- <h1>Sample Cross Domain XML</h1>
- </div>
- <div data-role="content">
- <ul data-role="listview" data-theme="c" id="myXMLList">
- </ul>
- </div>
- <div data-role="footer">
- <a href="www.isgoodstuff.com" data-role="button">isGoodStuff.com</a>
- </div>
- </div>
- </body>
- </html>