实现ajax功能的js:

>웹 프론트엔드 >JS 튜토리얼 >jQuery의 ajax function_jquery를 사용하여 구현된 RSS 리더 코드

jQuery의 ajax function_jquery를 사용하여 구현된 RSS 리더 코드

WBOY
WBOY원래의
2016-05-16 18:47:111168검색

먼저 효과를 살펴보겠습니다.

먼저 XDocument를 통해 RSS 소스의 콘텐츠를 ListView에 바인딩하려면 ascx 페이지가 필요합니다. 코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

protected void Page_Load (객체 전송자, EventArgs e )
{
// 데모용
System.Threading.Thread.Sleep(1000)

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

var 피드 = FeedXML.Descendants("item")의 피드에서
새 항목 선택
{
Title = Feed.Element ("title").Value,
Link = Feed.Element("link").Value,
Description = Feed.Element("description").Value
};

PostList.DataSource = 피드;
PostList.DataBind();
}

코드 복사 코드는 다음과 같습니다.

;ul>


  • <%# Eval("Title") %>

    <%# Eval( "설명") %>




  • 다음으로 RSS 콘텐츠를 표시하기 위해 aspx 페이지를 만들어야 합니다. 물론 이 페이지는 위의 데이터를 가져오기 위해 jQuery의 AJAX를 사용합니다.
    HTML 페이지 코드:

    ajax 기능을 구현하는 JS:


    jQuery의 ajax function_jquery를 사용하여 구현된 RSS 리더 코드
    코드 복사
    코드 $(document).ready(function() { $.ajax({ type: "POST",
    url: "RSSReader.asmx /GetRSSReader" ,
    데이터: "{}",
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    성공: function(msg) {
    $('#RSSContent').removeClass('loading')
    $('#RSSContent').html(msg.d)
    }
    }); );


    마지막으로 웹 서비스 RSSReader.asmx의 내용은 다음과 같습니다.



    코드 복사

    코드는 다음과 같습니다. public class RSSReader : System.Web.Services.WebService { [WebMethod] public string GetRSSReader() {
    페이지 페이지 = new Page();
    UserControl ctl =
    (UserControl)page.LoadControl("~/RSSReaderControl.ascx")
    page.Controls.Add(ctl)
    StringWriter; ();
    HttpContext .Current.Server.Execute(page,writer,false)
    returnwriter.ToString()
    }
    }


    이 있습니다. 페이지에 사용된 이미지도 여기에 있습니다. 더 이상 업로드하지 않습니다.
    코드 다운로드:

    http://xiazai.jb51.net/200909/yuanma/RSSREader.rar
    성명:
    본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.