jQuery の ajax function_jquery を使用して実装された RSS リーダー コード

まず効果を見てみましょう:

まず、XDocument を介して RSS ソースのコンテンツを ListView にバインドするには、ascx ページが必要です。コードは次のとおりです:

コードをコピー コードは次のとおりです:

protected void Page_Load (object sender, EventArgs e )
{
// デモ用。

XDocument feedXML =
XDocument.Load( "http://feeds .feedsky.com/csdn.net/dujingjing1230");

var feeds = feedXML.Descendants("item") のフィードから
select new
{
Title = feed.Element ("title").Value,
Link = feed.Element("link").Value,
Description = feed.Element("description").Value
};

PostList.DataSource = feeds;
PostList.DataBind()
}

> コードは次のとおりです。

;ul>

<%# Eval("タイトル") %>

<%# Eval( "説明") %>

次に、RSS コンテンツを表示するための aspx ページを作成する必要があります。もちろん、このページでは jQuery の AJAX を使用して上記のデータを取得します。
HTML ページのコード:


ajax 関数を実装するための JS:

コードをコピー

コードは次のとおりです:

$(document).ready(function() { $.ajax({ type: "POST", url: "RSSReader.asmx /GetRSSReader" , data: "{}",

contentType: "application/json; charset=utf-8",

dataType: "json",
success: function(msg) {
$('#RSSContent').removeClass('loading');
$('#RSSContent').html(msg.d);
} );


最後に Web サービス RSSReader.asmx のコンテンツです:




コードをコピーします

コードは次のとおりです。

public class RSSReader : System.Web.Services.WebService { [WebMethod] public string GetRSSReader() { Page page = new Page(); UserControl ctl = (UserControl)page.LoadControl("~/RSSReaderControl.ascx");

page.Controls.Add(ctl); ();

HttpContext .Current.Server.Execute(page,writer, false);
returnwriter.ToString();
}
}


ページ内で使用されている画像もあり、これ以上アップロードする必要はありません。
コードのダウンロード:

http://xiazai.jb51.net/200909/yuanma/RSSREader.rar