今天在开发接口平台时候,需要开发个给用户测试接口调用的页面。
这个页面让用户填写接口需要的参数,点击提交,在当前页面直接显示返回的原始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); 注意大小写