javascript - JQuery Promise 在 ComponentDidMount React.JS 上失败

Question

在我的组件的 ComponentDidMount 生命周期方法中，我尝试启动 AJAX 请求以获取客户端数据(加载应用程序时数据需要可用)。经过检查，我注意到我的 promise 链始终遵循 fail 属性。这很令人困惑，因为通过 Chrome 开发者工具进行检查后，请求已发出，数据已成功返回到 Promise(请参见屏幕截图)。我怀疑这可能是我的组件加载速度，我尝试了一个 componentWillMount 生命周期方法，它产生了相同的结果。我通过 AJAX 请求同步地很好地检索数据，但现在我正在尝试使用异步功能来改进代码。

尝试了新代码:

componentDidMount: function(){ 
      var returnedClassesString;

      var user = window.globalValue;

      function getQueries(user){
          returnedClassesString = $.ajax("/portals/0/js/get_classes_front.aspx?userName="+user).done(function(data,err){
              console.log('good' + data);
          }).fail(function(data,err){
              console.log(err);
          });  

      }

      getQueries(user);



  },

componentDidMount方法:

componentDidMount: function(){ 
      var returnedClassesString;

      var user = window.globalValue;

       $.when($.ajax("/portals/0/js/get_classes_front.aspx?userName="+user)).then(function(data, textStatus, jqXHR) {
          // Handle both XHR objects
          console.log(data);
          }).fail(function(){
                   console.log('failed');
             });
    }

Chrome 开发工具的屏幕截图(网络流量，我请求堆栈中的第一个文件):

Chrome 开发工具的屏幕截图(带有“失败”消息的 JavaScript 控制台):

Answer 1

问题出在我的服务器端代码上。使用 .Net 代码隐藏，将 Response.ContentType 从 Response.ContentType = "text/xml"; 切换为 Response.ContentType = "text";.谢谢Dave Methvin用于发现我的 JSON 错误。上面发布的两个示例中的代码仍然有效。