后台实现点击无刷新调用API留言接口

    真是喜欢折腾啊,今天无意中看到了一个笑话的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})
						}
					}
					
				});

效果如下图:

2 评论

留下评论

您的电子邮箱地址不会被公开。 必填项已用 * 标注