为什么$ .getJSON请求出错？

Question

我有以下调用http处理程序的脚本。 它调用了http处理程序，并且在提琴手中，我可以看到正确返回的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);
  }
});

如果问题是连接，并且您确实需要跨域请求JSON，则还可以使用库加载器，例如LAB， yep / nope或Frame.js 。