2016-07-14 23 views
0

おはよう、は、私はこの単純なコードを持っているリンク

からJSONデータを取得します。私は2つのjsonリンクを持っています。

  1. http://www.bonar.si/api/restaurants.php
  2. http://phonegappro.esy.es/test/json.php

もう一つは動作しますが、私は必要な最初のものは、動作しません。そして、彼らはほとんど同じです。最初のものに何が問題になっているようですか?多分その大きなファイルなのでしょうか?

ありがとうございます!

+0

「ほとんど」はここに合っていません。応答形式は同じである必要があります –

+0

contentTypeを 'application/json'、dataTypeを 'json'としてみてください – patilprashant6792

+0

[同じオリジナルポリシー](https://developer.mozilla.org/en-US/docs/Web/セキュリティ/ Same-origin_policy)。 2番目のサーバーは[CORS](https://developer.mozilla.org/en-US/docs/Web/HTTP/Access_control_CORS)( 'Access-Control-Allow-Origin:*')をサポートしています。 – Andreas

答えて

0

コンソールを見ればあなたは「XMLHttpRequestのはhttp://www.bonar.si/api/restaurants.phpをロードすることはできません。 いいえ 『アクセス制御 - 許可 - 起源』ヘッダが要求さ たリソース上に存在している。原点 『ヌル』はそのためであるメッセージ

を取得アクセスが許可されていません。

最初に実行ウィンドウを開いて-> chrome.exe --user-data-dir="C:/Chrome dev session" --disable-web-securityと入力してください。開いた新しいChromeウィンドウでコードを実行してください。これは私の仕事です。

<html lang="en"> 

<head> 
<meta charset="UTF-8"> 
<title>READ JSON Example (AJAX)</title> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
<script type="text/javascript"> 
    $(document).ready(function() { 
      $.getJSON("http://www.bonar.si/api/restaurants.php", function(result){ 
      $.each(result, function(i, field){ 
      $("#output").append("Name: "+ field.name + " address: "+field.address +" Price:"+field.price+"<br/>"); 
      }); 
      }); 
    }); 
</script> 
</head> 
<body> 
    <div id="output"> 

    </div> 
</body> 
</html> 
+0

セキュリティ機能のため何かが動作しません。解決方法:セキュリティ機能を完全に無効にする... O.o – Andreas

+0

セキュリティ機能を無効にすると機能しますが、これを「正しい」方法で行うことは可能ですか? – Chufta

0

私はサーバーの所有者に連絡し、彼はCORSを有効にしていますので、今すぐ動作しています!

関連する問題