Ajax 编写Rss阅读器

最新推荐文章于 2019-04-24 15:59:10 发布
最新推荐文章于 2019-04-24 15:59:10 发布
阅读量982 收藏
点赞数
文章标签： ajax rss function xmlhttprequest null xhtml
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wl076/article/details/1587440
版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>this is test</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function XHConn()
{
  var xmlhttp, bComplete = false;
  try { xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); }
  catch (e) { try { xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); }
  catch (e) { try { xmlhttp = new XMLHttpRequest(); }
  catch (e) { xmlhttp = false; }}}
  if (!xmlhttp) return null;
  this.connect = function(sURL, sMethod, sVars, fnDone)
  {
    if (!xmlhttp) return false;
    bComplete = false;
    sMethod = sMethod.toUpperCase();

    try {
      if (sMethod == "GET")
      {
        xmlhttp.open(sMethod, sURL+ ((sURL.indexOf("?")==-1)? "?":"&") +sVars, true);
        sVars = "";
      }
      else
      {
        xmlhttp.open(sMethod, sURL, true);
        xmlhttp.setRequestHeader("Method", "POST "+sURL+" HTTP/1.1");
        xmlhttp.setRequestHeader("Content-Type",
          "application/x-www-form-urlencoded");
      }
      xmlhttp.onreadystatechange = function(){
        if (xmlhttp.readyState == 4 && !bComplete)
        {
          bComplete = true;
          fnDone(xmlhttp);
        }};
      xmlhttp.send(sVars);
    }
    catch(z) { return false; }
    return true;
  };
  return this;
}


function readRSS(url) {
var myConn = new XHConn();
if (!myConn) {alert("error");return;}
myConn.connect(url, "GET", "", ResultSet);
}
   

var ResultSet = function(obj)
{
    var results = obj.responseXML;
    var title = null;
    var item = null;
    var link=null;
    var author=null;
    var pubDate=null;
    var description=null;
    //得到channel
     var headtitle=results.selectSingleNode("rss/channel/title").text;
     var headlink=results.selectSingleNode("rss/channel/link").text;
     var cell = document.createElement("div");
        cell.innerHTML="<h1><a href="+headlink+" target=_blank>"+headtitle+"</a></h1><br/>";
        document.getElementById("result").appendChild(cell);
       //得到items
    var items = results.selectNodes("rss/channel/item");
    for(var i = 0; i < items.length; i++) {
        item = items[i];
        link=item.getElementsByTagName("link")[0].firstChild.nodeValue;
        title = item.getElementsByTagName("title")[0].firstChild.nodeValue;
        pubDate= item.getElementsByTagName("pubDate")[0].firstChild.nodeValue;
  author= item.getElementsByTagName("dc:creator")[0].firstChild.nodeValue;
       // description=item.getElementsByTagName("description")[0].firstChild.nodeValue;
        var cell = document.createElement("div");
        cell.innerHTML="<a href="+link+" target=_blank>"+title+"</a><font color=red>&nbsp &nbsp &nbsp作者:</font>"+author+"<br/>";
     
     
       document.getElementById("result").appendChild(cell);
       //var cell1=document.createElement("div");
       //cell1.innerHTML=description;
       // document.getElementById("result").appendChild(cell1);
    }

}
function readrss1()
{
    readRSS("http://blog.csdn.net/wl076/Rss.aspx");
}   
window.onload = readrss1;
</script>
</head>

<body>
  <form>
    <div id="result"></div>
  </form>
</body>
</html> 

wl076
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
System.InvalidCastException: 指定的转换无效
weixin_30908707的博客
03-08 5791
麻烦高手帮我看看，我们用Linq做的系统系统，总是会偶尔的报错。 错误的消息为： System.InvalidCastException: 指定的转换无效。 在 System.Data.SqlClient.SqlBuffer.get_Int32() 在 System.Data.SqlClient.SqlDataReader.GetInt32(Int32 i) ...
关于Linq to SQL 的“异常详细信息: System.InvalidCastException: 指定的转换无效。”
aifangzsrxp4574的专栏
10-21 917
开发环境：VS2010,SQL Server2005,Windows7,使用LINQ to SQL作为ORM 运行环境：Windows2003(IIS6),.NET 3.5 SP1,SQL Server2000 症状：开发环境下一切正常，在运行环境中出现如下错误： 代码 指定的转换无效。说明:执行当前Web请求期间，出现未处理的异常。请检查堆栈跟踪信息，以了解有...
C#基础
tianyitianyi1的专栏
03-28 582
<br />知识要点<br />第一周<br />1、  C#——.Net FramWork——操作系统——机器（C#的执行环境是.Net FramWork）<br />.Net Framwork由公共语言运行时和框架类库组，公共语言运行时相当于C#语言的执行环境用来管理程序，框架类库是众多类的环境。<br />CLR（公共语言运行时）运行代码并提供强大的运行服务（20100419-03-11）<br />CTS（通用类型系统）定义了在IL中的数据类型<br />CLS（公共语言规范）是一个最低标准集，所有
Linux 常用C函数(终端控制篇)
qipnx的专栏
05-22 993
Linux 常用C函数(终端控制篇)2007-03-22 11:28 getenv（取得环境变量内容）
ArrayList类的ToArray()使用注意点
lijigang1982的专栏
07-06 3539
ArrayList类有个ToArray方法，用来将ArrayList的元素复制到新Object数组中，这里有讲究的地方！使用ArrayList类的ToArray方法时并未指定任何参数，则无参数的ToArray方法将会返回一个类型为Object的数组，而且你不可以将此Object数组转换成您所需的类型的数组。例如，假设您将一个Customer对象加入至一个ArrayList中，则其源列表将不会被制作
System.InvalidCastException: 指定的转换无效。
lu520xu的专栏
02-25 5070
<br /> floor = (int)aRow["FID"].ToString();<br />                //floor = int.Parse(aRow["FID"].ToString());//错误：指定的转换无效<br />                roomNum = Convert.ToInt32(aRow["RoomId"]) - 100 * floor;<br />                if (roomNum > 14)<br />            
ArrayList.toArray()的用法
点点滴滴
04-24 4049
当使用ArrayList时，有时想获得一个实际的数组，这个数组包含了列表的内容。 　　可以通过调用方法toArray()来实现。 　　eg： 　　import java.util.ArrayList; 　　public class ToArrayTest { 　　public static void main(String[] args) { 　　// TODO Auto-ge...
异常详细信息: System.InvalidCastException: 对象不能从 DBNull 转换为其他类型——的解决方法
热门推荐
灵雨飘零的专栏
08-07 1万+
异常详细信息: System.InvalidCastException: 对象不能从 DBNull 转换为其他类型。  当从数据库中统计字段值时，有时没有记录就会产生一个DBNull值，在.net应用程序中用null值判断就会出错。此时要加以判断须要用 ：  object o =SqlHelper.ExecuteScalar (connectionString, Command
使用AJAX制作动态网页阅读器
最新发布
06-02
好的，下面是一个简单的使用AJAX制作动态网页阅读器的示例： 首先，我们需要一个包含文章内容的文本文件。这里我们假设这个文件名为“article.txt”，并且位于服务器的根目录下。 然后，我们需要一个HTML页面，用于显示文章内容和控制页面的翻页。这个页面可以包含一个“<div>”元素，用于显示文章内容，以及两个按钮，用于控制翻页。 接下来，我们需要使用JavaScript编写代码，通过AJAX从服务器请求文章内容，并将其显示在页面上。 示例代码如下： ```html <!DOCTYPE html> <html> <head> <title>动态网页阅读器</title> <script type="text/javascript"> //定义一个全局变量，用于保存文章内容 var article; //定义一个函数，用于从服务器请求文章内容 function loadArticle() { //创建一个XMLHttpRequest对象 var xhr = new XMLHttpRequest(); //定义一个回调函数，用于处理服务器返回的数据 xhr.onreadystatechange = function() { if (xhr.readyState == 4 && xhr.status == 200) { //将服务器返回的数据保存到全局变量中 article = xhr.responseText; //将文章内容显示在页面上 document.getElementById("article").innerHTML = article; } }; //向服务器发送请求 xhr.open("GET", "article.txt", true); xhr.send(); } //定义一个函数，用于向前翻页 function prevPage() { //TODO: 实现向前翻页的逻辑 } //定义一个函数，用于向后翻页 function nextPage() { //TODO: 实现向后翻页的逻辑 } </script> </head> <body onload="loadArticle()"> <div id="article"></div> <button onclick="prevPage()">上一页</button> <button onclick="nextPage()">下一页</button> </body> </html> ``` 在这个示例中，我们首先定义了一个全局变量“article”，用于保存文章内容。然后，我们编写了一个名为“loadArticle”的函数，用于从服务器请求文章内容，并将其保存到全局变量中。在页面加载完成后，我们通过调用“loadArticle”函数来请求文章内容，并将其显示在页面上。 接下来，我们定义了两个函数“prevPage”和“nextPage”，用于控制页面的翻页。这里我们只是简单地定义了这两个函数，具体的实现逻辑需要根据具体需求来编写。 最后，我们在HTML页面中添加了一个“<div>”元素，用于显示文章内容，以及两个按钮，用于控制翻页。通过调用“prevPage”和“nextPage”函数，我们可以控制页面的翻页。 需要注意的是，在实际开发中，我们需要考虑到各种异常情况，例如网络故障、服务器错误等，以及用户的操作习惯和体验，来编写更加健壮和友好的代码。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值