jQuery通过ajax方法获取json数据不执行success的原因及解决方法

为了解决这个问题，以下是详细的攻略：

问题描述

在使用 jQuery 的 ajax 方法获取 JSON 数据时，有时会遇到不执行 success 回调函数的情况。这个问题的可能原因包括跨域问题、请求头设置问题等等。

解决方法

1. 加上 dataType 属性

首先需要检查是否有设置 dataType 属性。若没有设置 dataType，则 jQuery 默认会按照原始数据格式解析返回值，如 text 或 HTML。而无论后端返回的是什么内容，都不会触发 success 回调。解决这个问题的方法就是给 ajax 方法加上 dataType 属性，并将其值设为 "json"。

$.ajax({
  url: 'example.com/getData',
  dataType: 'json',
  success: function(data) {
    // 处理返回的 JSON 数据
  },
  error: function(jqXHR, textStatus, errorThrown) {
    console.error(textStatus, errorThrown);
  }
});

2. 检查跨域问题

如果你在前端获取的数据是从另一个域的服务器端返回，那么可能会面临跨域问题。由于安全原因，浏览器会限制跨域请求的发送。

解决跨域问题的方法有很多，其中一种方法是使用 JSONP。JSONP 不是真正的 AJAX，它利用 JavaScript 的回调函数机制，动态创建 script 标签，将请求包装成函数调用，在数据请求的响应中拿到函数的调用参数并处理，进而实现数据的请求和显示。

以下是一个 JSONP 的示例：

$.ajax({
  url: 'example.com/getData?callback=?',
  dataType: 'jsonp',
  success: function(data) {
    // 处理返回的 JSON 数据
  },
  error: function(jqXHR, textStatus, errorThrown) {
    console.error(textStatus, errorThrown);
  }
});

这里需要设置 url 的 callback 参数为 '?' 。这样 jQuery 会帮我们自动生成一个函数名称，并在返回的数据中注入回调。

示例一：未设置 dataType

$.ajax({
  url: 'example.com/getData',
  success: function(data) {
    console.log(data);
  },
  error: function(jqXHR, textStatus, errorThrown) {
    console.error(textStatus, errorThrown);
  }
});

在这个示例中，没有设置 dataType，所以 jQuery 会默认按照文本格式来处理返回值。如果你的后端返回的是 JSON 数据，那么这个请求将不会被成功处理，也不会执行 success 回调函数。

示例二：产生跨域问题

$.ajax({
  url: 'http://example.com/getData',
  success: function(data) {
    console.log(data);
  },
  error: function(jqXHR, textStatus, errorThrown) {
    console.error(textStatus, errorThrown);
  }
});

在这个示例中，调用的 url 是一个跨域的地址。如果没有采用相应的跨域解决方案，这个请求也将不会被成功处理，也不会执行 success 回调函数。

总结

以上就是解决 jQuery ajax 获取 JSON 数据不执行 success 的原因及解决方法的详细攻略。要想确保 ajax 方法返回数据时我们能够成功执行自定义回调，需要设置 dataType 为 "json"，并检查是否已引入了跨域解决方案。