标签 JQuery 下的文章

背景

这篇文章我是转载的;

前几天逛博客的时候发现的一个新玩意儿,名叫一言,之前的域名http://hitokoto.us/已经停止服务很长一段时间了。

所有今天把他加在博客的副标题了,感觉挺不错的。响应速度挺快的,而且还免费。(良心,赞一个)

好了,说了这么多。什么是一言呢?

动漫也好、小说也好、网络也好,不论在哪里,我们总会看到有那么一两个句子能穿透你的心。我们把这些句子汇聚起来,形成一言网络,以传递更多的感动。如果可以,我们希望我们没有停止服务的那一天。简单来说,一言指的就是一句话,可以是动漫中的台词,也可以是网络上的各种小段子。或是感动,或是开心,有或是单纯的回忆。来到这里,留下你所喜欢的那一句句话,与大家分享,这就是一言存在的目的。

——摘自一言

嗯,说简单点就是获取随机一句话。

下面就是本站调用一言接口的效果图:

本站使用的一言(看不到图片请刷新下本页面)

Demo(HTTP)

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
<div class="hitokoto">Test</div>

<!-- 首先引入JQ -->
<script src="http://cdn.myiooc.cn/jquery.min.js"></script>
<script>
    $.post("http://api.hitokoto.cn/",null,function(e){
        // $('修改的class名称')
        // e是json数据,里边还有其他内容可以看看文档
        $('.hitokoto').html(e.hitokoto+" —— <strong>"+e.from+"</strong>")}
    ,'JSON');
</script>
</body>
</html>

调用接口:

调用参数:

  • c:可选,有参数时返回对应分类,无参数时返回全部分类,参数:a – Anime - 动画,b-Comic – 漫画,c – Game – 游戏,d – Novel – 小说,e – Myself – 原创,f – Internet – 来自网络,g – Other – 其他
  • text:可选,有参数时输出纯文本,无参数返回全部JSON数据

最后是返回值,默认返回JSON数据。

返回参数:

  • id,本条一言的id值
  • hitokoto,一言正文
  • type,返回类型,取决于调用参数
  • from,一言出处
  • creator,一言创建者
  • created_at,创建时间

最后的最后,你还可以到一言发布你的一言,把你的心声分享给大家。

背景

这篇文章我是转载的;

进过我博客的朋友应该都记得,站点首页响应速度出奇的慢,然而还找不到原因。(好气啊)

经过@调调的提醒,突然就想起来可能是百度收录的锅(还是腾讯云的锅?)。

因为写在module.php每次输出文章都会在线查询一次,去掉试试?<( ̄︶ ̄)>

果然去掉百度收录后博客首页是秒开呀。但是想想不要百度收录查询感觉怪怪的。

话说怎么我博客一篇文章都还没被收录?好吧,偏题了。(会SEO的朋友私密我,谢谢)

所以便写了这么一个接口,同时也开通的SSL。

当页面结束后再利用AJax进行调用,响应速度不用说。(终于找到背锅的了(~ ̄▽ ̄)~)

调用地址

  • https://api.isecret.vip/api?type=baidu&url=http://blog.myiooc.cn

调用参数

  • type:必填,现在还只有baidu这一个参数,后边如果还写什么接口可能还会有更多
  • url:必填,填写需要查询的URL地址

返回格式

参数完整的话会返回一个JSON数据,格式:{"url":"http:\/\/baidu.com","status":1}

返回参数

  • url:即你查询的URL地址,
  • status:返回值只有0和1,0为未收录,1为已收录

调用实例

<script>
var urlArr = $('.api'); //需要先在HTML代码中给接口留一个位置并绑定固定的class
$(urlArr).each(function(i) {
var url = "https://api.isecret.vip/api?type=baidu&url="+urlArr[i].title; //这里title值存放查询链接
$.post(url,null,function(e){
if(e.status == 0){
$(urlArr[i]).html('百度未收录');
}else if(e.status == 1){
$(urlArr[i]).html('百度已收录');
}
},'JSON');
});
</script>

特别鸣谢

感谢Mrxn's Blog