在JS Bin + OPEN UI5 app

Question

我想用OpenUI5和JS Bin玩一下。并为一些模拟数据使用公共JSON服务。

但是我无法从JS Bin中的this public JSON service将数据加载到我的JSONModel。

请检查 My Example我手动设置数据，一切都按预期工作。但在取消注释这一行之后（当然还要评论下一行）：

oModel.loadData("http://jsonplaceholder.typicode.com/posts");

我希望JSON模型从该服务加载数据并在输出表中显示数据。

不幸的是，在我尝试检查控制台中的oModel变量时加载数据后，例如：

oModel.getData()

我期待getData（）返回该JSON数据，但我得到一个javascript对象。 我错过了什么？甚至可以在JS Bin中使用公共JSON服务吗？

由于

Answer 1

浏览器不允许混合内容。 如果您的网站超过https，则必须使用https包含您的模型。

出于测试目的，您可以使用--disable-web-security启动Chrome。 "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --disable-web-security

或者您可以使用此Chrome扩展程序来允许它：

https://chrome.google.com/webstore/detail/allow-control-allow-origi/nlfbmbojpeacfghkpbjhddihlkkiljbi

Answer 2

CORS问题在这里......您可以拨打这样的服务＆＃34; https://cors-anywhere.herokuapp.com/services.odata.org/V2/Northwind/Northwind.svc/＆＃34;

请查看Nabi的教程：tutorial