在Javascript / jQuery中将纯JSON内容打印到html页面

时间:2012-07-10 19:52:26

标签: jquery json

在以JSON文件的形式获得HTTP响应后,如何使用jQuery处理其纯内容?

我以前做过这个,但我现在无法弄清楚。

我正在使用此函数来检索JSON内容。

var json = $.getJSON("test.json",  
   function(response){
           // do stuff
       }
);

当然,我可以处理JSON中包含的数据,但我想处理和打印其简单内容,如下所示:

{"name": "Pepe","age" : "20"}

以下

alert(response);

刚给我[object Object]

这个

alert(jQuery.parseJSON(json));

只是给我空

我似乎无法在任何地方找到答案。我对这一切都很陌生,所以我必须使用错误的搜索词,因为它看起来很简单。

3 个答案:

答案 0 :(得分:9)

JSON.stringify可能就是你想要的。 MDN Docs

答案 1 :(得分:8)

$.getJSON的回调实际上有3个参数。 datatextStatusjqXHR

jqXHR对象包含一个responseText属性,其中包含原始JSON字符串。

var json = $.getJSON("test.json",  
   function(response, status, jqXHR){
           // do stuff
           console.log(jqXHR.responseText);
       }
);

答案 2 :(得分:1)

而不是使用警报来查看输出,如何使用控制台,然后使用John Resig的解决方案来记录此类数据?

// usage: log('inside coolFunc',this,arguments);
// http://paulirish.com/2009/log-a-lightweight-wrapper-for-consolelog/
window.log = function(){
  log.history = log.history || [];   // store logs to an array for reference
  log.history.push(arguments);
  if(this.console){
    console.log( Array.prototype.slice.call(arguments) );
  }
};

然后:

window.log(response);

取自:http://paulirish.com/2009/log-a-lightweight-wrapper-for-consolelog/