-
Notifications
You must be signed in to change notification settings - Fork 0
/
jsondata.html
36 lines (30 loc) · 1.51 KB
/
jsondata.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!DOCTYPE html>
<html>
<head>
<title>Grid Master</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="./style.css">
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
</head>
<body>
<div class="container-fluid">
<h2>JSON DATA</h2>
<div class="alert alert-info" role="alert">
This version of DCM does not have direct access to database and use SQL Server Database JSON output as data source.
</div>
</div>
<hr>
<div id = "stage" ></div>
<script src="DcmDataJson.js" ></script>
<script >
$( document ).ready(function() {
// $.each(jsonData, function(i, item) {
//$('#stage').append('<p>Model : ' + jsonData[i].VehicleName+ '</p>');
//})
var jsonPretty = JSON.stringify(jsonData,null,2);
$('#stage').html("<pre>"+jsonPretty+"</pre>");
});
</script>