标签 JQuery 下的文章
jQuery/原生JS 监听图片加载完成/加载失败 事件
一言,随机一句话调用方法
背景
这篇文章我是转载的;
前几天逛博客的时候发现的一个新玩意儿,名叫一言,之前的域名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,创建时间
最后的最后,你还可以到一言发布你的一言,把你的心声分享给大家。
百度收录查询API开放[个人写的],附JQuery调用方法
背景
这篇文章我是转载的;
进过我博客的朋友应该都记得,站点首页响应速度出奇的慢,然而还找不到原因。(好气啊)
经过@调调的提醒,突然就想起来可能是百度收录的锅(还是腾讯云的锅?)。
因为写在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>