无法成功检索从Ajax调用返回JSON数据

Question

我试图从PHP服务器检索Ajax数据时出现了一个奇怪的问题。当我从下拉菜单中选择一个国家时，country_id会登录到控制台中，数据也会显示在控制台中。但是，由于某种原因，如果我尝试在成功函数内提醒返回的数据，我什么也得不到。事实上，如果我试图在成功功能内发出警报，它就不会显示。有什么我失踪的小东西？我的代码如下。提前致谢。

$("#country_id").change(function() { 
    var country_id = $(this).val(); 
    console.log(country_id); 
    $.ajax({ 
     type: 'POST', 
     url: 'register/load-zones', 
     data: {country_id: country_id}, 
     beforeSend: function() { 
      // $('#ajax-panel').html('<div class="loading"><img src="/images/loading.gif" alt="Loading..." /></div>'); 
      }, 
     success: function(zones) { 
      console.log(zones); 
      var zoneSelect = $('#zone_id'); 
      zoneSelect.empty(); 
      zoneSelect.append($('<option/>').attr('value', '').text('Select State')); 
      $.each(zones, function (index, zone) { 
       zoneSelect.append($('<option/>').attr('value', zone.zone_id).text(zone.name)); 
      }); 
     }, 
     error: function() { 
      // $('#ajax-panel').html('<p class="error"><strong>Oops!</strong> Try that again in a few moments.</p>'); 
     }, 
     dataType: JSON 
    }); 
}); 

Answer 1

您需要更改数据类型：JSON到数据类型： “JSON”