梦殇国际

标题: 新浪滚动新闻API javascript解析 [打印本页]
作者: 阿星    时间: 2015-11-12 12:47
标题: 新浪滚动新闻API javascript解析
这是新浪的滚动新闻API
http://roll.news.sina.com.cn/interface/rollnews_ch_out_interface.php

可以浏览器直接访问
下面是使用javascript解析，对ul、li、span、a标签做了下简单的处理
效果：http://xn--9krq6qlpqj42a.com/news.html
注意，编码是GBK。要保证文件的编码格式也是GBK。
下面是代码：
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=gbk"/>
  4. <title>梦殇国际 - 新闻</title>
  5. <style type="text/css">
  6. li {white-space:nowrap;margin:0 10px 10px 0;float:left;list-style-type: none;}
  7. span {font-size: 14px;line-height: 30px;float: left;padding: 5px;border-radius: 10px;display: block;box-shadow: 2px 3px #ccc;background: #4e4e4e;}
  8. a{color:#fff;text-decoration:none;}
  9. </style>
  10. </head>
  11. <body>
  12. <div>
  13.         <ul id="news_ul">
  14.                 <li>
  15.                         <span>
  16.                         <a href="https://www.714.hk/">正在加载中...</a>
  17.                         </span>
  18.                 </li>
  19.         </ul>
  20. </div>
  21. <!--引入jquery-->
  22. <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
  23. <script type="text/javascript">
  24. $(function () {
  25. //解析数据 新浪滚动新闻:http://roll.news.sina.com.cn/interface/rollnews_ch_out_interface.php
  26.         jQuery.getScript("http://roll.news.sina.com.cn/interface/rollnews_ch_out_interface.php", function(){
  27.                 var news=jsonData.list;
  28.                 var list="";
  29.                 var hisen=0;
  30.                 $.each(jsonData.list,function(i,n){
  31.                         list+="<li><span><a href='"+ n.url+"' target='_balnk'>"+ n.title+"</a></span></li>";
  32.                         hisen++;
  33.                         //控制显示条数
  34.                         if(hisen >= 40){
  35.                         return false;
  36.                         }
  37.                 });
  38.                 $("#news_ul").html(list);
  39.         });
  40. });
  41. </script>
  42. </body>
  43. </html>
复制代码


作者: 大宝    时间: 2015-11-12 13:51
谢谢分享
作者: beibeifatie2    时间: 2015-12-31 22:40
受警告了




欢迎光临 梦殇国际 (https://714.hk/) Powered by Discuz! X3.4