jQuery透過ajax取得yahoo新聞Rss範例

這個範例是使用jQuery 的.ajax,從Yahoo新聞的Rss擷取後,產生超連結在自己的網頁中。測試的時候只需要一個html與jQuery.js即可。

這個範例是使用jQuery 的.ajax,從Yahoo新聞的Rss擷取後,產生超連結在自己的網頁中。測試的時候只需要一個html與jQuery.js即可。

 

<HTML>
<HEAD>
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0">
<Script Language="JavaScript" type="text/javascript" Src="jQuery.js"></Script>
<Script Language="JavaScript">
<!--
$(document).ready(function(){
    $('#button1').click(function(){
  var strURL='http://tw.news.yahoo.com/rss/tech_3c';
  $.ajax({
      type:'GET',
      dataType:'xml',
      url:strURL,
      success:function(xml){
    var myTitle;
    var myLink;
    $('item',xml).each(function(e){
        myTitle=$('title',this).text();
        myLink=$('link',this).text();
        $('<a/>').attr('href',myLink).attr('target','_blank').text(myTitle).appendTo($('#div1'));
        $('<br/>').appendTo($('#div1'));
    });
    alert($('#div1').html());
      }
  })
    })
})

//-->
</Script>
<TITLE></TITLE>
</HEAD>
<BODY>
<FORM action="" method=POST id=form1 name=form1>
<INPUT type="button" value="Button" id=button1 name=button1>
</FORM>
<div id="div1"></div>
</BODY>
</HTML>

 

在這次的練習中,小喵發現dataType設定為xml與XML是不同的結果

xml(小寫):回傳的是物件

XML:沒有這種設定,所以猜測他是跑預設,傳回文字

如果要對回傳的東西處理,應該用物件而不是文字內容

(詳細的參數設定請參考官方網頁。)

^_^

 


以下是簽名:


Microsoft MVP
Visual Studio and Development Technologies
(2005~Now)