Javascript 如何使用漂亮、语法突出显示的JSON结果编写HTML JSON AJAX测试工具？

我已经编写了一个JSON API，但我不会处理视图

如何使用一个简单的网页测试JSON API，该网页带有美化、语法突出显示的JSON结果

让我们以下面的GET API调用为例：

---

注：此问题为指导性问题，将提供答案。我搜索了一下，没有找到类似的答案。

这是带有内嵌javascript的整个HTML文件

我在解决方案中使用了jQuery和

我在Chrome上运行了结果，我不相信它在IE中正常工作

$（文档）.ready（函数（）{
hljs.initHighlightingOnLoad（）；
$.ajax({
url:“http://www.google.com/calendar/feeds/developer-calendar@google.com/public/full“，
数据类型：“json”，
//contentType:“application/json；charset=utf-8”，//注意：在调用主机服务器时使用此参数，但不适用于此google api
键入：“获取”，
数据：{alt:“json”}，
完成：功能（xhr、textStatus）{
//设定状态
$（“#status”）.html（textStatus）；
//设置明文
$（“#结果”）.val（xhr.responseText）；
//设置prettytext
var data=JSON.parse（xhr.responseText）；
var stringify=JSON.stringify（数据，未定义，2）；
var prettify=hljs.highlightAuto（stringify）.value；
prettify=hljs.fixMarkup（prettify）；
$（“#prettyResult”）.html（prettify）；
}
});
});
状态：正在等待…

---

Wow！这是一个很棒的工具。谢谢你与社区分享！如果jQuery插件接受对象或JSON字符串，并弹出一个包含经过修饰的输出的大对话框，那么它会更好。哦，见鬼，我还在午休；我也许能做到……谢谢@AaronBlenkush很高兴你发现它很有用。