辦公室、工廠專業搬遷
規劃完整搬遷流程動線,不加價,收費合理!
室內設計師提供壁癌防治、防水抓漏,全程使用A級防水材
改建工程,免付費諮詢

首頁  •  j2h 論壇 • 程式設計討論     • 

[JQuery] 使用 YQL 來擷取網頁圖片

房東:小陳
發表時間:2012-01-12


這幾天在看 YQL,於是重做了一份 YQL+jQuery 的版本。


仍然以擷取 Google Doodle 網頁圖片為例,步驟一,引入所有需要的函式庫:





1.<script type="text/javascript" src="http://www.google.com/jsapi"></script>

2.<script type="text/javascript">

3.google.load("jquery", "1.3.2");

4.</script>

5.<script type="text/javascript" src="jquery.query-yql.js"></script>



步驟二:





01.$(function () {

02.  var url = 'http://www.google.com';

03.  var t = $("#content").empty();

04.  //YQL 的語法,url 填入網址,然後透過 xpath 找到所要的元素

05.  var statement = "select * from html where url='" + url + "/logos/' and xpath='//dl[@class=\"doodles\"]//img' LIMIT 2";

06.  //透過 hail2u's jquery.query-yql 來操控資料

07.  $.queryYQL(statement, "xml", function (data) {

08.    $.each(data.results, function () {

09.      var img = $(this.toString());

10.      var src = img.attr('src');

11.      img.attr('src', url+src);

12.      img.appendTo(t);

13.      t.append('<br />');

14.    });

15.  });

16.  

17.});



成品網頁請按此。再次謝謝 Google Doodle 的客串。


 


http://blog.yoren.info/2010/11/%e4%bd%bf%e7%94%a8-yql-%e4%be%86%e6%93%b7%e5%8f%96%e7%b6%b2%e9%a0%81%e5%9c%96%e7%89%87/





  • 贊助網站       

    廣利不動產-板橋在地生根最實在--新板特區指名度最高、值得您信賴的好房仲
    完整房訊,房屋、店面熱門精選物件,廣利不動產 優質仲介,房屋租賃、買賣資訊透明,交易真安心!
    廣利不動產-新板特區指名度最高、值得您信賴的好房仲
    您的托付,廣利用心為您服務



  •  共 0 人回應

    姓名:
    佈告內容:
    其他選項: