なぜこの$ .getJSONリクエストにエラーがありますか？

Question

httpハンドラを呼び出す次のスクリプトがあります。それはhttpハンドラを呼び出し、fiddlerではJSONが正しく返されていることがわかりますが、このスクリプトは常にエラーブロックで終了します。何が間違っているのかをどうやって判断できますか

<script type="text/javascript"> 
     function GetConfig() { 
      $.getJSON("http://localhost:27249/Handlers/GetServiceMenuConfiguration.ashx", function(d) { 
       alert("success"); 
      }).success(function(d) { 
       alert("success"); 
      }).error(function(d) { 
       alert("error"); 
      }).complete(function(d) { 
       alert("complete"); 
      }); 
     } 
    </script> 

Answer 1

私はあなたのサーバー名（localhost）とポート（27249）を含めていることがわかります。 Ajaxリクエストは、Same Origin Policyによって制御され、通常の場合はクロスオリジンリクエストを禁止します。 （発信元を問わない場合は、URLの部分にhttp://localhost:27249を含める必要はありません）。

クロスオリジンを使用できますブラウザがそれらをサポートしていて、サーバーコードがCORS要求を適切に処理している場合は、呼び出します。代わりに、JSON-Pを使用して見ることもできます。

Answer 2

JQueryに組み込まれているJSONパーサーはかなり厄介です。ヘッダーが完全に設定されていないと、JSONがうまくフォーマットされないこともあります。まず、type：textプロパティを持つ$ .ajaxリクエストを実行し、レスポンスを記録します。これにより、接続の問題と解析の問題が区別されます。

$.ajax({ 
    dataType:'text', 
    url: '/Handlers/GetServiceMenuConfiguration.ashx', 
    success: function(data) { 
     console.log(data.responseText); 
    } 
}); 

問題は、接続があり、そしてあなたは、あなたがまた、LABのようなライブラリローダーを使用することができ、ドメイン間でJSONを要求する必要がない場合は

、うん/いいえまたは Frame.js。