Javascript iTunes搜索Api问题-未捕获(承诺中)语法错误:输入意外结束
我正在学习一些关于集成API和在JS中创建一些迷你应用程序的教程。问题是,我在尝试从API获取一些基本数据时遇到了一个问题 我得到的控制台错误是:Uncaught(in promise)SyntaxError:输入意外结束 在script.js:4上 我真的很感激你的帮助 这是我的密码:Javascript iTunes搜索Api问题-未捕获(承诺中)语法错误:输入意外结束,javascript,node.js,json,api,itunes,Javascript,Node.js,Json,Api,Itunes,我正在学习一些关于集成API和在JS中创建一些迷你应用程序的教程。问题是,我在尝试从API获取一些基本数据时遇到了一个问题 我得到的控制台错误是:Uncaught(in promise)SyntaxError:输入意外结束 在script.js:4上 我真的很感激你的帮助 这是我的密码: const url = 'https://itunes.apple.com/search?term=ATB'; fetch(url, {mode: "no-cors"}) .then ( (respo
const url = 'https://itunes.apple.com/search?term=ATB';
fetch(url, {mode: "no-cors"})
.then ( (response) => response.json() )
.then((data) => {
console.log(data.results)
});
iTunes搜索Api
返回一个文件,而不是简单的JSON。您可以通过JSONP
request获得数据。您不能使用fetch api调用它
您必须使用src
url和回调函数动态创建脚本标记
JSONP代表带填充的JSON。由于跨域策略,从其他域请求文件可能会导致问题。从其他域请求外部脚本不存在此问题。JSONP利用这一优势,使用脚本标记而不是XMLHttpRequest对象请求文件
加载完文件后,JSONP
将触发回调
示例:
功能点击按钮(){
var s=document.createElement(“脚本”);
s、 src=”https://itunes.apple.com/search?term=ATB&limit=2&callback=callbackHandler";
文件。正文。附录子项;
}
函数回调处理程序(数据){
控制台日志(数据);
}
Get Data
iTunes搜索Api
返回一个文件,而不是简单的JSON。您可以通过JSONP
request获得数据。您不能使用fetch api调用它
您必须使用src
url和回调函数动态创建脚本标记
JSONP代表带填充的JSON。由于跨域策略,从其他域请求文件可能会导致问题。从其他域请求外部脚本不存在此问题。JSONP利用这一优势,使用脚本标记而不是XMLHttpRequest对象请求文件
加载完文件后,JSONP
将触发回调
示例:
功能点击按钮(){
var s=document.createElement(“脚本”);
s、 src=”https://itunes.apple.com/search?term=ATB&limit=2&callback=callbackHandler";
文件。正文。附录子项;
}
函数回调处理程序(数据){
控制台日志(数据);
}
Get Data
这可能意味着您没有收到有效的JSON。试着使用response.text()
而不是.json()
,看看你得到了什么(只是console.log(data)
),这可能意味着你没有收到有效的json。尝试使用response.text()
而不是.json()
,以查看您得到了什么(只需console.log(data)
)