实现ajax功能的js:
Home Web Front-end JS Tutorial RSS Reader code implemented using jQuery's ajax function_jquery

RSS Reader code implemented using jQuery's ajax function_jquery

May 16, 2016 pm 06:47 PM
ajax jquery rss

Let’s take a look at the effect first:

First, an ascx page is needed to bind the content of the rss source to a ListView through an XDocument. The code is as follows:

Copy code The code is as follows:

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();
}

Copy code The code is as follows:

<asp:ListView runat="server" ID="PostList">
<LayoutTemplate>
<ul>
<asp :PlaceHolder runat="server" ID="itemPlaceholder" />
</ul>
</LayoutTemplate>
<ItemTemplate>
<li><a href= '<%# Eval("Link") %>'><%# Eval("Title") %></a><br />
<%# Eval( "Description") %>
</li>
</ItemTemplate>
</asp:ListView>

Next you need to create an aspx page to Display RSS content. Of course, this page uses jQuery's AJAX to get the above data.
HTML page code:
RSS Reader code implemented using jQuery's ajax function_jquery
JS to implement ajax function:
Copy code The code is as follows :

$(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);
}
});
});

Finally is the content of the web service RSSReader.asmx:
Copy code The code is as follows:

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();
}
}

There is also an image used in the page, here it is No more uploading.
Code download:
http://xiazai.jb51.net/200909/yuanma/RSSREader.rar
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot Article Tags

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

How to get variables from PHP method using Ajax? How to get variables from PHP method using Ajax? Mar 09, 2024 pm 05:36 PM

How to get variables from PHP method using Ajax?

How to use PUT request method in jQuery? How to use PUT request method in jQuery? Feb 28, 2024 pm 03:12 PM

How to use PUT request method in jQuery?

jQuery Tips: Quickly modify the text of all a tags on the page jQuery Tips: Quickly modify the text of all a tags on the page Feb 28, 2024 pm 09:06 PM

jQuery Tips: Quickly modify the text of all a tags on the page

Use jQuery to modify the text content of all a tags Use jQuery to modify the text content of all a tags Feb 28, 2024 pm 05:42 PM

Use jQuery to modify the text content of all a tags

PHP vs. Ajax: Solutions for creating dynamically loaded content PHP vs. Ajax: Solutions for creating dynamically loaded content Jun 06, 2024 pm 01:12 PM

PHP vs. Ajax: Solutions for creating dynamically loaded content

Understand the role and application scenarios of eq in jQuery Understand the role and application scenarios of eq in jQuery Feb 28, 2024 pm 01:15 PM

Understand the role and application scenarios of eq in jQuery

PHP and Ajax: Ways to Improve Ajax Security PHP and Ajax: Ways to Improve Ajax Security Jun 01, 2024 am 09:34 AM

PHP and Ajax: Ways to Improve Ajax Security

How to tell if a jQuery element has a specific attribute? How to tell if a jQuery element has a specific attribute? Feb 29, 2024 am 09:03 AM

How to tell if a jQuery element has a specific attribute?

See all articles