半年前最早发了一个微博快手热搜榜api源码,但是离最终的展示在页面中还是有一定的距离,本文以微博热榜接口为例,使用AJAX 也就是异步 JavaScript 和 XML,即用JavaScript执行异步网络请求获取接口的数据并在前端展示出来。
以下步骤都是搭建好自己的api情况下,且页面使用jQuery的ajax之前需要先引入jQuery库

前端JS调用微博热榜接口 第5张插图

若自己引用的api,在不同的域名上会提示报错:已拦截跨源请求:同源策略禁止读取位于xxx程资源。(原因:CORS 头缺少 'Access-Control-Allow-Origin'),解决办法直接在接口后添加header("Access-Control-Allow-Origin:*");允许所有网址都可以给我发送Ajax请求即可