使用jQuery无法获取JSON数据且无报错问题咨询

看起来你遇到的是跨域请求限制加上缺少错误处理的双重问题，我来帮你一步步排查和解决：

核心问题分析 #

1. 同源策略限制：你请求的http://telegram-socks.tk/json和前端页面域名不同，浏览器的同源策略会默认阻止这类跨域AJAX请求，而且这种情况下很多时候不会在控制台抛出明显的错误提示（尤其是旧版浏览器）。
2. 缺失错误回调：你的$.getJSON只写了成功的回调函数，完全没有处理失败的情况，所以即使请求出错，你也看不到任何反馈。

解决方案步骤 #

第一步：添加错误处理，明确错误原因 #

修改你的index.js代码，加上错误捕获逻辑，这样就能在控制台看到具体的错误信息了：

$(function () {
  $.getJSON("http://telegram-socks.tk/json")
    .done(function (data) {
      $("textarea").html(JSON.stringify(data));
    })
    .fail(function(jqXHR, textStatus, errorThrown) {
      console.log("请求失败：");
      console.log("状态码：", jqXHR.status);
      console.log("状态文本：", textStatus);
      console.log("错误信息：", errorThrown);
      alert("请求出错，请查看控制台详情");
    });
});

打开浏览器开发者工具（F12）→ Console面板，就能看到具体的错误提示，大概率会是和CORS相关的报错。

第二步：解决跨域问题 #

如果控制台确实提示CORS错误，你有两种常见的解决方式：

• 服务器端配置CORS：让telegram-socks.tk的服务器在响应头中添加Access-Control-Allow-Origin: *（或者指定你的前端域名），这样浏览器就会允许跨域请求。这是最标准的解决方案，但需要你能控制目标服务器的配置。
• 使用JSONP（如果服务器支持）：如果目标接口支持JSONP格式，可以把请求改成JSONP方式，因为JSONP不受同源策略限制。修改代码如下：

$(function () {
  $.ajax({
    url: "http://telegram-socks.tk/json",
    dataType: "jsonp",
    success: function (data) {
      $("textarea").html(JSON.stringify(data));
    },
    error: function(jqXHR, textStatus, errorThrown) {
      console.log("请求失败：", textStatus, errorThrown);
    }
  });
});

注意：这种方式要求目标服务器能够处理JSONP请求，返回包裹在回调函数中的数据（比如callbackName({"key": "value"})），否则会无效。

额外提示 #

如果以上方法都无法生效，你还可以考虑搭建一个反向代理服务器，让前端请求自己的服务器，再由自己的服务器去请求目标接口，这样就绕开了浏览器的同源策略限制。

内容的提问来源于stack exchange，提问作者TalkingJson