javascript - JS Bin + OPEN UI5 アプリ内のパブリック JSON サービスの使用

Question

OpenUI5 と JS Bin を少しいじってみたいと思いました。また、いくつかのモックデータにはパブリック JSON サービスを使用します。

ただし、 JS Bin 内のこのパブリック JSON サービスから JSONModel にデータをロードできません。

データを手動で設定した私の例を確認してください。すべてが期待どおりに機能しています。しかし、この行のコメントを外した後 (もちろん次の行もコメントします):

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

JSON モデルがそのサービスからデータをロードし、出力テーブルにデータを表示することを期待します。

残念ながら、コンソールで oModel 変数をチェックしようとすると、データをロードした後、たとえば次のようになります。

oModel.getData()

getData() がその JSON データを返すことを期待していますが、javascript オブジェクトを取得しています。私は何が欠けていますか？JS Bin 内でパブリック JSON サービスを使用することさえ可能ですか?

ありがとう

score 1 · Accepted Answer

ここでCORSの問題...次のようにサービスを呼び出すことができます " https://cors-anywhere.herokuapp.com/services.odata.org/V2/Northwind/Northwind.svc/ "

Nabi のチュートリアルをご覧ください:チュートリアル

score 1 · Accepted Answer

ブラウザは混合コンテンツを許可していません。https 経由の Web サイトがある場合は、モデルに https を含める必要があります。

テスト目的で、Chrome を --disable-web-security で開始できます。 "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --disable-web-security

または、この chrome 拡張機能を使用して許可することもできます。

2 に答える 2