不知道作为前端的你有没有和我一样的困惑,想要学好ajax,想要模仿真实的请求后端数据,但一直苦于没有后端支持,

嗯,因为这个问题,我想了好多办法,在网上找各种数据接口,接口是找到了,但未必有自己想要的,刚好幸运是自己想要的,但居然要钱,还限制次数,甚至自己狠下心花钱买了数据接口,嗯,貌似还要处理处理才能得到自己想要的结果,好心塞呀

免费JSON接口网站

1.电商接口 ,测试一下
淘宝商品搜索建议:

http://suggest.taobao.com/sug?code=utf-8&q=商品关键字&callback=cb 
ps:callback是回调函数设定

2.物流接口,测试一下

http://www.kuaidi100.com/query?type=快递公司代号&postid=快递单号 
ps:快递公司编码:申通="shentong" EMS="ems" 顺丰="shunfeng" 圆通="yuantong" 中通="zhongtong" 韵达="yunda" 天天="tiantian" 汇通="huitongkuaidi" 全峰="quanfengkuaidi" 德邦="debangwuliu" 宅急送="zhaijisong"

3.谷歌接口, 测试一下

FeedXml转json接口:
http://ajax.googleapis.com/ajax/services/feed/load?q=Feed地址&v=1.0 

(请右击在新窗口打开)官方文档

备选参数:callback:&callback=foo就会在json外面嵌套foo({})方便做jsonp使用。
备选参数:n:返回多少条记录。

4.百度接口,测试一下
百度百科接口:

http://baike.baidu.com/api/openapi/BaikeLemmaCardApi?scope=103&format=json&appid=379020&bk_key=关键字&bk_length=600
查询出错示例如下:查看原始页面 {"error_code":"20000","error_msg":"search word not found"}

5.天气接口,测试一下

百度接口:
http://api.map.baidu.com/telematics/v3/weather?location=嘉兴&output=json&ak=5slgyqGDENN7Sy7pw29IUvrZ 
location:城市名或经纬度 ak:开发者密钥 output:默认xml

6.气象局接口: 测试一下

http://m.weather.com.cn/data/101010100.html 

7.新浪接口: 测试一下

http://php.weather.sina.com.cn/iframe/index/w_cl.php?code=js&day=0&city=&dfc=1&charset=utf-8 
参数中city如果给了参数就是相关的城市,否则会自动判断
day=0的话是今天
返回的参数 大家看着办吧,具体的我也不清楚,新浪没给API。

8.音乐接口

QQ空间音乐接口:测试一下

http://qzone-music.qq.com/fcg-bin/cgi_playlist_xml.fcg?uin=QQ号码&json=1&g_tk=1916754934

QQ空间收藏音乐接口: 测试一下


http://qzone-music.qq.com/fcg-bin/fcg_music_fav_getinfo.fcg?dirinfo=0&dirid=1&uin=QQ号&p=0.519638272547262&g_tk=1284234856

多米音乐接口:测试一下


http://v5.pc.duomi.com/search-ajaxsearch-searchall?kw=关键字&pi=页码&pz=每页音乐数

9.soso接口, 测试一下

http://cgi.music.soso.com/fcgi-bin/fcg_search_xmldata.q?source=10&w=关键字&perpage=1&ie=utf-8

10.视频信息接口JSON在线工具

优酷, 测试一下

http://v.youku.com/player/getPlayList/VideoIDS/视频ID 
(比如 http://v.youku.com/v_show/id_XNTQxNzc4ODg0.html的ID就是XNTQxNzc4ODg0)

爱奇艺,测试一下


http://cache.video.iqiyi.com/jp/avlist/202861101/1/?callback=jsonp9

土豆接口,测试一下


http://api.tudou.com/v3/gw?method=album.item.get&appKey=Appkey&format=json&albumId=视频剧集ID&pageNo=当前页&pageSize=每页显示 
示例(火影忍者剧集) 官方文档
http://www.tudou.com/tvp/getMultiTvcCodeByAreaCode.action?type=3&app=4&codes=Lqfme5hSolM&areaCode=320500&jsoncallback=__TVP_getMultiTvcCodeByAreaCode 示例(火影忍者APP剧集)

开源社区 文档

https://api.apiopen.top/api.html
20200329161312.png

快速生成模拟数据的网站

Easy Mock是一个可视化,并且能快速生成模拟数据的服务。以项目管理的方式组织Mock List,能帮助我们更好的管理Mock数据,不怕丢失。

使用方法:

1、登录Easy Mock官网(https://www.easy-mock.com/)

2、创建个人项目或者团队项目

3、新增接口

4、在项目中使用接口
20200329155550.png