JSFiddleでlocalhost URLのgetJSONを使用してキー/値ペアを返す方法は？

Question

私はPython、Flask、SQLite、SQLAlchemyを使用してAPIを構築するためにthis tutorialを追跡しました。私は正常に私のブラウザでローカルホストのアドレスを押すことができます。しかし、この接続をテストして、JSFiddleのような別の場所で希望の結果を得ることは可能ですか？

は私が

{ 
    "data": [{ 
     "department": "POLICE", 
     "name": "AARON, JEFFERY M", 
     "position": "POLICE OFFICER", 
     "salary": "$80778.00" 
    }, { 
     "department": "POLICE", 
     "name": "AARON, KARINA", 
     "position": "POLICE OFFICER", 
     "salary": "$80778.00" 
    }, { 
     "department": "POLICE", 
     "name": "ABBATE, TERRY M", 
     "position": "POLICE OFFICER", 
     "salary": "$86520.00" 
    }, { 
     "department": "POLICE", 
     "name": "ABBOTT, LYNISE M", 
     "position": "CLERK III", 
     "salary": "$43920.00" 
    }, { 
     "department": "POLICE", 
     "name": "ABDALLAH, ZAID", 
     "position": "POLICE OFFICER", 
     "salary": "$69684.00" 
    }, { 
     "department": "POLICE", 
     "name": "ABDELHADI, ABDALMAHD", 
     "position": "POLICE OFFICER", 
     "salary": "$80778.00" 
    }] 
} 

Answer 1

はい、できます

サンプルJSON給与のすべてのキーと値のペアを取得するには、このURL http://localhost:5000/dept/policeを使用したいと思います。 JSFiddleはクライアント側で実行されているため、locahostにアクセスできます。

しかし、動作させるにはいくつかの細部に注意を払わなければなりません。

1. ローカルサーバーでCORSを有効にする必要があります。それを行う方法を参照してくださいhere。
2. JSFiddleトラフhttpsにアクセスできない場合は、セキュリティ対策のためにブラウザがリクエストをブロックする可能性があります。続きを読むhere。

こちらはfiddleです。私のlocalhostに問題なくアクセスできます。