這個範例是使用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>
<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:沒有這種設定,所以猜測他是跑預設,傳回文字
如果要對回傳的東西處理,應該用物件而不是文字內容
(詳細的參數設定請參考官方網頁。)
^_^
以下是簽名:
- 歡迎轉貼本站的文章,不過請在貼文主旨上加上【轉貼】,並在文章中附上本篇的超連結與站名【topcat姍舞之間的極度凝聚】,感恩大家的配合。
- 小喵大部分的文章會以小喵熟悉的語言VB.NET撰寫,如果您需要C#的Code,也許您可以試著用線上的工具進行轉換,這裡提供幾個參考
Microsoft MVP Visual Studio and Development Technologies (2005~2019/6) | topcat Blog:http://www.dotblogs.com.tw/topcat |