Html Ajax请求项目数据的API

Html Ajax请求项目数据的API,html,jquery,ajax,api,fetch,Html,Jquery,Ajax,Api,Fetch,所以我现在正忙于一个私人编码项目,但似乎无法让我的代码正常工作 本质上,我想从我的API中获取数据并将其显示在我的HTML页面上,由于CORS错误,数据类型被设置为“jsonp”(这是我调试它的唯一方法),有人知道我如何获取数据以返回项目的可用数据吗 编辑: 这是一个解析问题,我无法获得记录成功的代码,我可以看到一个响应,但它是针对我的错误日志的,但它没有显示成功日志,因此数据不可用。为什么不尝试普通的获取方法 const url = 'https://api.pandascore.co/l

所以我现在正忙于一个私人编码项目,但似乎无法让我的代码正常工作

本质上,我想从我的API中获取数据并将其显示在我的HTML页面上,由于CORS错误,数据类型被设置为“jsonp”(这是我调试它的唯一方法),有人知道我如何获取数据以返回项目的可用数据吗



编辑:
这是一个解析问题,我无法获得记录成功的代码,我可以看到一个响应,但它是针对我的错误日志的,但它没有显示成功日志,因此数据不可用。

为什么不尝试普通的获取方法

const url = 'https://api.pandascore.co/lol/champions?token=my_unique_token';
fetch(url)
.then(response => response.json())
.then(data => console.log(data))

这段代码应该处理从pandascore接收的JSON数据解析。Fetch在IE11中不可用,但web上应该有一些polyFill。

它们支持jsonp吗<代码>xhr.setRequestHeader('Access-Control-Allow-Origin','*')是无用的,因为这是一个服务器头,而不是客户端头。听起来你需要pandascore.co的支持,而不是stackoverflow.com。。。它们。@epascarello jsonp数据类型是我绕过CORS错误的唯一方法,上面看到的文本数据类型并不能阻止errors@HereticMonkey我对编码相当陌生,我也编辑了我的实际问题,我可以看到数据在那里,只是没有正确记录(错误日志)请阅读。如果我们不知道错误是什么,我们将无法帮助您诊断错误,对吗?所以这应该是第一步。但实际上,请阅读并使用我自己的令牌尝试上面的代码,然后返回并使用50个对象进行数组。无需设置任何请求头。只需使用令牌即可。问题可能在于您试图从自己的本地主机进行ajax调用。如果在浏览器中运行此代码,它将正常工作。
const url = 'https://api.pandascore.co/lol/champions?token=my_unique_token';
fetch(url)
.then(response => response.json())
.then(data => console.log(data))