javascript - 怎样通过$.ajax跨域请求斗鱼TV API 取得json数据-PHP中文網路問答

通过$.ajax跨域请求 chrome提示 Uncaught SyntaxError: Unexpected token

这是我失败的代码

$.ajax({ type: "get", url: "http://open.douyucdn.cn/api/RoomApi/live/lol", dataType: "jsonp", jsonp: "callback", jsonpCallback: "data", success: function(response) { console.log(response); } });

斗鱼TV API文档

我去google后，了解到返回的数据是json格式，但我如果将dataType的value改成json后，又会出现跨域问题。
这期间我尝试使用script直接调用该链接，但还是同样的问题，
贴出失败的代码：

var url = "http://open.douyucdn.cn/api/RoomApi/live/lol"; var script = document.createElement("script"); script.setAttribute("src", url); document.getElementsByTagName("head")[0].appendChild(script);

我觉得我的问题应该归纳为：如何使用javascript在跨域条件下调用json格式数据？
希望大家能指导我一下，谢谢！

这个问题来源于freecodecamp上的一个小题目，
题目地址
我只是将其中的twitch API改为斗鱼API

全部回覆 (11)

PHPzhong2017-04-11 11:30:21 11樓

这个应该人家对jsonp跨越做了限制，可以用Yahoo跨域访问代理试试，具体我有个项目用到了，可以去看看：https://github.com/Hancoson/r...

點贊+0

新增回覆

巴扎黑2017-04-11 11:30:21 10樓

获取到斗鱼的json字符串后，作为data传给后台吗？

左手右手慢动作2017-04-11 11:30:21 9樓

可以在客户端用一个服务器做代理转发,服务器发请求时没有跨域问题的

洪涛2017-04-11 11:30:21 8樓

jsonp的返回格式和json是不一样的。

你可以借用别的语言先请求一下，你封装成jsonp的格式。

左手右手慢动作2017-04-11 11:30:21 7樓

服务器上面有限制吧

Ty802017-04-11 11:30:21 6樓

一、后台发过来的api，基本都有权限验证的，就是header里面带auth权限验证，需要携带token
二、涉及到跨域，可能后端一定做了域名限制（必须），就是Access-Control-Allow-Origin:"..."这货，对域名限制后，基本别的ip访问不了api；
三、可能需要模拟登陆后爬取数据，需要cookie验证，没有cookie就没有一切；
你想的简单了，这就是个小爬虫了，单单的ajax没拉莫强大。

当然公共的api除外。