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

来源：互联网发布：那个软件可以看台视编辑：程序博客网时间：2024/06/01 09:10

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>