实现ajax功能的js:
Heim > Web-Frontend > js-Tutorial > 使用jQuery的ajax功能实现的RSS Reader 代码_jquery

使用jQuery的ajax功能实现的RSS Reader 代码_jquery

WBOY
Freigeben: 2016-05-16 18:47:11
Original
1178 Leute haben es durchsucht

先看看效果来着:

首先需要一个ascx页面通过一个XDocument把rss源的内容绑定到一个ListView上。代码如下:

复制代码 代码如下:

protected void Page_Load(object sender, EventArgs e)
{
// For demo purposes.
System.Threading.Thread.Sleep(1000);

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

var feeds = from feed in 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();
}

复制代码 代码如下:















  • 接下来需要创建一个aspx页面来显示RSS内容,当然这个页面中就使用了jQuery的AJAX来得到上面的数据。
    HTML页面代码:
    使用jQuery的ajax功能实现的RSS Reader 代码_jquery
    实现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);
    }
    });
    });

    最后是RSSReader.asmx这个web Services的内容:
    复制代码 代码如下:

    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);
    StringWriter writer = new StringWriter();
    HttpContext.Current.Server.Execute(page, writer, false);
    return writer.ToString();
    }
    }

    页面中还有用到一个图片这里就不上传了。
    代码下载:
    http://xiazai.jb51.net/200909/yuanma/RSSREader.rar
    Verwandte Etiketten:
    Quelle:php.cn
    Erklärung dieser Website
    Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
    Beliebte Tutorials
    Mehr>
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage