格式如下：
{
"one":1,
"two":2,
"array":
[1,2,3],
"object":{
"a":"a",
"b":"b",
"c":"c"
}
}
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.js"></script>
在JQuery裡讀取的語法是：
<script type="text/javascript">
$(document).ready(function() {
var str = "https://api.worldofwarships.ru/wows/encyclopedia/info/?application_id=8bedc4c23b5ede8d1f9527d45bfe9c51&language=zh-tw";//這裡取的是戰艦世界的資料，可以點進去看一下再比對看看
url =str;
$.ajaxSetup({
async: false
});
$.getJSON(url, {}, function (data) { //讀取json資料,把資料放進data裡
$("#status").text(data.status);
$("#meta").text(data.meta.count);
$("#game_version").text(data.data.game_version);
});
});
</script>
<body>
<div id="status"></div>
<div id="meta"></div>
<div id="game_version"></div>
</body>
網頁畫面：
完整程式碼：
<html>
<head>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript">
$(document).ready(function() {
var str = "https://api.worldofwarships.ru/wows/encyclopedia/info/?application_id=8bedc4c23b5ede8d1f9527d45bfe9c51&language=zh-tw";
url =str;
$.ajaxSetup({
async: false
});
$.getJSON(url, {}, function (data) { //讀取json資料,把資料放進data裡
$("#status").text(data.status);
$("#meta").text(data.meta.count);
$("#game_version").text(data.data.game_version);
});
});
</script>
<body>
<div id="status"></div>
<div id="meta"></div>
<div id="game_version"></div>
</body>
</head>
</html>
如果您喜歡我的文章，請在文章最末按5下Like!
我將得到LikeCoin的回饋:)
回饋由LikeCoin基金會出資，您只要註冊/登入帳號(FB、Google帳號都可以註冊，流程超快)，按L五次左鍵，可以贊助我的文章且完全不會花到錢！
支持創作，正向交流:)
沒有留言:
張貼留言