JQUERY+AJAX 做一个超级简单的RSS阅读器

最新推荐文章于 2021-03-28 19:54:08 发布

wang329382414

最新推荐文章于 2021-03-28 19:54:08 发布

阅读量714

点赞数

分类专栏： javascript 文章标签： jquery ajax rss function border javascript

本文链接：https://blog.csdn.net/wang329382414/article/details/4342041

版权

javascript 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

1，我用的是 JS/jquery-1[1].3.1.js

2, 满足添加是 RSS2.0

3, 下面是所有代码用了三个层，第一个显示状态，第二个显示主要标题第三个显示二级标题

<html>
<head runat="server" >
    <title>RSS</title>
     <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <style type="text/css">
        #Text1
        {
            width: 605px;
        }
        #Button1
        {
            width: 69px;
        }
    </style>
<script language="javascript" type="text/javascript" src="JS/jquery-1[1].3.1.js" ></script>

<script language="javascript" type="text/javascript">
// <!CDATA[

$(document).ready(function()
{
   $("#Button1").bind("click",function(event)
   {
      $.get($("#Text1").attr("value"));
   })
   $("#divResult").ajaxComplete(function(evt, request, settings)
   {
       $("#title").text($(request.responseXML).find("title").eq(0).text());
       $(request.responseXML).find("item").each(function(i,n)
       {
           $("<div></div>")
             .attr("style","border: thin solid #00FF00")
             .html('<a href='+$(n).find("link").text() +' target=_blank>'+$(n).find("title").text()+'</a>')
             .appendTo("#divResult");
       });

   })

   $("#divStatus").ajaxComplete(function(evt, request, settings)
   {
      $("#divStatus").append('<div>ajaxComplete</div>');
   })

   $("#divStatus").ajaxError(function(evt, request, settings)
   {
      $("#divStatus").append('<div>ajaxError</div>');
    })
   $("#divStatus").ajaxSend(function(evt, request, settings)
   {
       $("#divStatus").append('<div>ajaxSend</div>');
   })
   $("#divStatus").ajaxStart(function()
   {
      $("#divStatus").append('<div>ajaxStart</div>');
    })
   $("#divStatus").ajaxStop(function()
   {
      $("#divStatus").append('<div>ajaxStop</div>');
    })
   $("#divStatus").ajaxSuccess(function(evt, request, settings)
   {
      $("#divStatus").append('<div>ajaxSuccess</div>');
   })
});

// ]]>
</script>

</head>
<body>

</body>
</html>

wang329382414

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JQUERY+AJAX 做一个超级简单的RSS阅读器

1，我用的是 JS/jquery-1[1].3.1.js2, 满足添加是 RSS2.03, 下面是所有代码用了三个层，第一个显示状态，第二个显示主要标题第三个显示二级标题 RSS #Text1 { width: 605px; } #Button1 {
复制链接

扫一扫