diff --git a/src/main/resources/support/http/resources/spring-detail.html b/src/main/resources/support/http/resources/spring-detail.html
index 09b7db904d..d8f9658952 100644
--- a/src/main/resources/support/http/resources/spring-detail.html
+++ b/src/main/resources/support/http/resources/spring-detail.html
@@ -14,6 +14,7 @@
         		<div class="span12">
           				<h3>
           					Spring View
+          					<a id="viewJsonApi" target="_blank">View JSON API</a>
           				</h3>
           				<table id="dataTable" class="table table-bordered" style="background-color: #fff">
 							<tr>
@@ -104,6 +105,7 @@
     			init : function() {
     				druid.common.buildHead(5);
     				this.ajaxRequestForBasicInfo();
+    				$("#viewJsonApi").attr("href", 'spring-detail.json?class=' + clazz + '&method=' + method);
     			},
     			
     			ajaxRequestForBasicInfo : function() {
diff --git a/src/main/resources/support/http/resources/sql-detail.html b/src/main/resources/support/http/resources/sql-detail.html
index 9129c47b41..8cfaf38f1d 100644
--- a/src/main/resources/support/http/resources/sql-detail.html
+++ b/src/main/resources/support/http/resources/sql-detail.html
@@ -14,6 +14,7 @@
         		<div class="span12">
           				<h3>
           					FULL SQL
+          					<a id="viewJsonApi" target="_blank">View JSON API</a>
           				</h3>
 						<h5 id="fullSql"></h5>
 						<h2> Format View:</h2>
@@ -109,6 +110,7 @@
     			init : function() {
     				druid.common.buildHead(2);
     				this.ajaxRequestForBasicInfo();
+    				$("#viewJsonApi").attr("href", 'sql-' + sqlId + '.json');
     			},
     			
     			ajaxRequestForBasicInfo : function() {
diff --git a/src/main/resources/support/http/resources/websession-detail.html b/src/main/resources/support/http/resources/websession-detail.html
index 06544c279c..cb4195341a 100644
--- a/src/main/resources/support/http/resources/websession-detail.html
+++ b/src/main/resources/support/http/resources/websession-detail.html
@@ -13,6 +13,7 @@
         		<div class="span12">
           				<h3>
           					Web Session View
+          					<a id="viewJsonApi" target="_blank">View JSON API</a>
           				</h3>
 						<table id="dataTable" class="table table-bordered" style="background-color: #fff">
 							<tr>
@@ -94,6 +95,7 @@
     			init : function() {
     				druid.common.buildHead(4);
     				this.ajaxRequestForBasicInfo();
+    				$("#viewJsonApi").attr("href", 'websession-' + sessionId + '.json');
     			},
     			
     			ajaxRequestForBasicInfo : function() {
diff --git a/src/main/resources/support/http/resources/weburi-detail.html b/src/main/resources/support/http/resources/weburi-detail.html
index ece8775bbd..27cbe646d6 100644
--- a/src/main/resources/support/http/resources/weburi-detail.html
+++ b/src/main/resources/support/http/resources/weburi-detail.html
@@ -14,6 +14,7 @@
         		<div class="span12">
           				<h3>
           					Web URI View
+          					<a id="viewJsonApi" target="_blank">View JSON API</a>
           				</h3>
 						<table id="dataTable" class="table table-bordered" style="background-color: #fff">
 							<tr>
@@ -111,6 +112,7 @@
     			init : function() {
     				druid.common.buildHead(3);
     				this.ajaxRequestForBasicInfo();
+    				$("#viewJsonApi").attr("href", 'weburi-' + encodeURI(uri) + '.json');
     			},
     			
     			ajaxRequestForBasicInfo : function() {