<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="myFirstStyleSheet.css">
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script>
$.getJSON('/Users/skhare/tableList.json', function(tableList) {
var output="<table id=tableStyle>";
output+="<tr>" + "<th>" + "Table Names" + "</th>" + "</tr>";
for (var i in tableList.t)
{
output+="<tr>" + "<td>" + "<a href=/Users/skhare/tableDescription.html>" + tableList.t[i].name + "</a>" + "</td>" + "</tr>";
}
output+="</table>";
document.getElementById("placeholder").innerHTML=output;
});
</script>
</head>
<body>
<div id="placeholder"></div>
</body>
</html>
Приведенный выше код ничего не отображает, а также не отображает никаких ошибок. файл JSON как:не удалось просмотреть какой-либо результат
{"t":
[
{"name":"DIM_BROWSER"},
{"name":"DIM_CAMPAIGN"},
{"name":"DIM_COLOR_DEPTH"},
{"name":"DIM_CONNECTION_TYPE"},
{"name":"DIM_COUNTRY"},
{"name":"DIM_GEOGRAPHY"},
{"name":"DIM_JAVASCRIPT_VERSION"},
{"name":"DIM_LANGUAGE"},
{"name":"DIM_OPERATING_SYSTEM"},
{"name":"DIM_PAGENAME"}
]
}
Проверьте консоль. Скорее всего, файл JSON не загружается. –
Вам нужно будет запустить скрипт после pageload ... т.е. использовать 'window.onload' или' $ (document) .ready (...) ' – Daniel