JavaScript replace+ajax+json 学习记录[日常]

(゜-゜)つロ 干杯~

因为贝贝服务器在国外而每日十则是调用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();
  40.     }
  41.   }
  42. 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);
  43. xmlhttp.send();
  44. }
  45. </script>
  46. </head>
  47. <body>
  48. <div id="myDiv"></div>
  49. <script type="text/javascript">loadXMLDoc()</script>
  50. </body>
  51. </html>

工具地址

   

如果资源下载失效请到 留言板 留言或者 QQ 联系我。

本站默认解压密码:www.hibbba.com

(゜-゜)つロ 干杯~

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: