因为贝贝服务器在国外而每日十则是调用UC的，速度和蜗牛一样加载要10秒左右 :arrow:

然后想js应该能加快速度吧…

于是就开始写了。

折腾了一晚上加一上午终于写好了，开始想用php回调然后看到直接可以修改html所以你懂的，现在速度很快。

主要是在js里用到了XMLHttpRequest对象，访问网站获取数据然后json解析，replace把一些不需要的内容替换或者修改掉，然后在div里显示出来。 :mrgreen:

最下面有用到的工具大家可以试试。

成品在这里哦：每日十则

代码

  1. <html>
  2. <head>
  3. <script type=“text/javascript”>
  4. function loadXMLDoc()
  5. {
  6. var xmlhttp;
  7. if (window.XMLHttpRequest)
  8.   {// code for IE7+, Firefox, Chrome, Opera, Safari
  9.   xmlhttp=new XMLHttpRequest();
  10.   }
  11. else
  12.   {// code for IE6, IE5
  13.   xmlhttp=new ActiveXObject(“Microsoft.XMLHTTP”);
  14.   }
  15. xmlhttp.onreadystatechange=function()
  16.   {
  17.   if (xmlhttp.readyState==4 && xmlhttp.status==200)
  18.     {
  19.     var txt = xmlhttp.responseText;
  20.     var obj = eval (“(“ + txt + “)”);
  21. xmlhttp.onreadystatechange=function()
  22.   {
  23.   if (xmlhttp.readyState==4 && xmlhttp.status==200)
  24.     {
  25.     var txt = xmlhttp.responseText;
  26.     var obj = eval (“(“ + txt + “)”);
  27.     var str = obj.data.title
  28.     var str = str.replace(/小贱日报 · /,“”)
  29.     var str = “<h1 style=\”text-align: center;\”>”+str+“</h1>”+“<br><h2>一、</h2>”+obj.data.cw_content[0].content+“<br><h2>二、</h2>”+obj.data.cw_content[1].content+“<br><h2>三、</h2>”+obj.data.cw_content[2].content+“<br><h2>四、</h2>”+obj.data.cw_content[3].content+“<br><h2>五、</h2>”+obj.data.cw_content[4].content+“<br><h2>六、</h2>”+obj.data.cw_content[5].content+“<br><h2>七、</h2>”+obj.data.cw_content[6].content+“<br><h2>八、</h2>”+obj.data.cw_content[7].content+“<br><h2>九、</h2>”+obj.data.cw_content[8].content+“<br><h2>十、</h2>”+obj.data.cw_content[9].content;
  30.     var str = str.replace(/{:.*?:\d+x\d+:/g,“<img src=\””)
  31.     var str = str.replace(/.jpeg}/g, “.jpeg\”/><br>”)
  32.     var str = str.replace(/.gif}/g, “.gif\”/><br>”)
  33.     var str = str.replace(/\[.*?[A-Za-z0-9]+\]/g, “”)
  34.     var str = str.replace(/小贱君/g, “贝贝”)
  35.     document.getElementById(“myDiv”).innerHTML = str
  36.     }
  37.   }
  38. xmlhttp.open(“GET”,“http://napi.uc.cn/3/classes/topic/objects/”+obj.data[0]._id +“?_app_id=hottopic”,true);
  39. xmlhttp.send();
  41.     }
  42.   }
  43. xmlhttp.open(“GET”,“http://napi.uc.cn/3/classes/topic/search?_app_id=hottopic&_size=10&_sort=_lists.score%3Adesc&_fetch=1&_fetch_incrs=1&_lists=_lists.list_id%3A%E5%B0%8F%E8%B4%B1%E6%97%A5%E6%8A%A5&_select=title%2Ctag%2Cdesc%2Ccover%2Clist_name%2Cmedia_data%2Ccomment_total%2Cpost_type&_objects=active_time%3A%5B*+TO+%222018-3-13+16%3A05%3A00%22%5D+OR+_missing_%3Aactive_time&_page=1”,true);
  44. xmlhttp.send();
  45. }
  47. </script>
  48. </head>
  49. <body>
  50. <div id=“myDiv”></div>
  51. <script type=“text/javascript”>loadXMLDoc()</script>
  52. </body>
  53. </html>

工具地址

[url href=http://www.w3school.com.cn/b.asp]JavaScript学习[/url]

[url href=http://tool.lu/regex]正则在线调试[/url]

[url href=http://tool.lu/json]json解析工具[/url]

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系贝贝进行处理。
本站默认解压密码：www.hibbba.com