javascript - Ajax Get已登录控制台但不会打印到页面

Question

有人可以指出为什么此响应没有打印到页面的明显原因吗？

    $.ajaxPrefilter( function (options) {
  if (options.crossDomain && jQuery.support.cors) {
    var http = (window.location.protocol === 'http:' ? 'http:' : 'https:');
    contentType: 'application/json; charset=utf-8', 
    options.url = http + '//cors-anywhere.herokuapp.com/' + options.url;
    //options.url = "http://cors.corsproxy.io/url=" + options.url;
  }
});

$.get(
    'https://data.nba.com/data/v2015/json/mobile_teams/nba/2017/scores/gamedetail/0011700003_gamedetail.json', 
  function (data) {
    console.log("THE RESPONSE ", data);
    setTimeout(function(){
      $("#viewer").html(data);
    }, 4000);


});

HTML

<div id="viewer"></div>

https://jsfiddle.net/nolaandy/df0jsdL0/1/

JSFiddle 此处显示 JSON 对象已记录在控制台中。我想访问响应中的数据。我想我应该先打印出对“查看器”div 的整个响应，但那里什么也没有出现。

Answer 1

没有渲染任何内容的原因是因为 $.html() 接受一个字符串来渲染为 HTML，并且您正在提供一个对象。

如果您希望将对象打印为字符串，您可以重构为:

$("#viewer").html(JSON.stringify(data));

我认为这会非常嘈杂，尤其是当对象很大时。出于调试目的，我认为您最好使用控制台。

fiddle :https://jsfiddle.net/0x3j7fk1/