真是喜欢折腾啊,今天无意中看到了一个笑话的JSON接口,就想着把后台顶部有一个空档的部分给申请个API动态地显示调用内容,后面找了个名人名言的免费API拉口给应用上了。
点击名言可以动态AJAX无刷新更新内容,其实方法很简单,第一次学着写一篇技术文章,上代码。
后台控制器部分:
public function mingyan(){ $ch = curl_init();
$url = 'http://apis.baidu.com/txapi/dictum/dictum';
$header = array(
'apikey: 你的key',
);
// 添加apikey到header
curl_setopt($ch, CURLOPT_HTTPHEADER , $header);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
// 执行HTTP请求
curl_setopt($ch , CURLOPT_URL , $url);
$res = curl_exec($ch);
$result = json_decode($res,TRUE);
return $result;
}
前台AJAX提交:
<span id="mingyan" style="cursor: pointer;" onclick="mingyanajax()">{$mingyan.newslist.0.content} ___{$mingyan.newslist.0.mrname}span>
前台AJAX实现:
//AJAX提交
$.ajax({
type:"get",
url:'{:url('./mingyan','','',true)}',
datatype:'json',
success:function(data){
if(data.code==200){
var mingyan = data['newslist'][0]['content']+' ___'+data['newslist'][0]['mrname'];
$("#mingyan").text(mingyan);
}else{
layer.msg('获取名言失败',{icon:2,time:1500})
}
}
});
效果如下图:
分享的不错,谢谢
第一次写这种技术博客。写得不好,求指点了。