JS对象转换为JSON字符串,AJAX直接输出JSON格式的返回值

2016-10-26 JavaScript 1211

今天在开发接口平台时候,需要开发个给用户测试接口调用的页面。

这个页面让用户填写接口需要的参数,点击提交,在当前页面直接显示返回的原始JSON数据。

这个提交和显示,我是通过jquery的$.POST()方法提交,然后接收返回值JSON数据的。

但是当想输出到页面的时候,直接$().text(json)输出是错误的,显示:[object Object]

我们需要给用户展示的是:

{"status":true,"data":"中国北京北京"}

所以,这里通过AJAX接收到的JSON数据就需要转换成字符串直接显示。

需要用到的函数是:

JSON.stringify(json object[,replace][,space])  -JS对象或数组解析为JSON格式字符串

参数:

参数一:JSON对象。

参数二:funcition或array array:从JSON对象中,筛选出有此replace键的值;function(key,value){},key对应"status"和"data",value同理。

参数三:每行输出格式,可以是数字[个空格]、“\n”等,最多显示10个空格。

用法:

JSON.stringify({"status":true,"data":"中国北京北京"},['data'],4);
{
    "data": "中国北京北京"//这里有四个空格
}

相关的反向函数:

我们可以直接使用JQuery的parseJSON()方法实现,jQuery.parseJSON(jsonStr); 注意大小写

0