Ajax
我希望使用javascript 可以看到Ubike的即時狀態(聽說政府是5分鐘更新一次)以下是我
的code
<html>
<head>
<meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=big5">
<script type="text/javascript"
src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js">
</script>
<script>
$(function() {
$.getJSON('
http://opendata.dot.taipei.gov.tw/opendata/gwjs_cityhall.json',
function(data) {
$.each(data.retVal, function(i, f) {
var tblRow1 =
"<tr>" +
"<td>" + f.iid + "</td>" +
"<td>" + f.sv + "</td>" +
"<td>" + f.sd + "</td>" +
"<td>" + f.vtyp + "</td>" +
"<td>" + f.sno + "</td>" +
"<td>" + f.sna + "</td>" +
"<td>" + f.sip + "</td>" +
"<td>" + f.tot + "</td>" +
"<td>" + f.sbi + "</td>" +
"<td>" + f.sarea + "</td>" +
"<td>" + f.mday + "</td>" +
"<td>" + f.lat + "</td>" +
"<td>" + f.lng + "</td>" +
"<td>" + f.ar + "</td>" +
"<td>" + f.sareaen + "</td>" +
"<td>" + f.snaen + "</td>" +
"<td>" + f.aren + "</td>" +
"<td>" + f.nbcnt + "</td>" +
"<td>" + f.bemp + "</td>" +
"<td>" + f.act + "</td>" +
"</tr>"
$(tblRow1).appendTo("#ubike tbody");
});
});
});
</script>
</head>
<body>
<div class="wrapper">
<div class="profile">
<table id= "ubike" border="2">
<thead>
<th>ItemId</th>
<th>場站狀態 0.暫停營運 1.正式啟用</th>
<th>啟用時間 yyyyMMddhhmmss EX. “20120326132314”</th>
<th>版本別 Ex. “1”.目前</th>
<th>場站代號 Ex.”0002”</th>
<th>場站名稱 Ex. “捷運國父紀念館站”</th>
<th>場站IP Ex. “192.168.1.101”</th>
<th>場站的總停車格 Ex. “38”</th>
<th>場站的目前車輛數 Ex. “23”</th>
<th>場站區域 EX. “信義區”</th>
<th>資料更新時間 yyyyMMddhhmmss EX. “20120426132314”</th>
<th>經度 Ex. “25.0408388889”</th>
<th>緯度 Ex. “121.567894444”</th>
<th>地址 EX. “復興南路2段235號”</th>
<th>場站區域英文名稱 EX. “Xinyi Dist.”</th>
<th>場站英文名稱 Ex. “MRT S.Y.S Memorial Hall Stataion”</th>
<th>英文地址 EX. “No.235, Sec. 2, Fusing S. Rd.”</th>
<th>擋板數量 EX, “2”</th>
<th>空位數量 EX, “12”</th>
<th>禁用狀態 EX, “0”.禁用 “1”.正常</th>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</body>
</html>
但我無法取到資料,有前輩能告知哪錯誤了嗎? 感謝
/**********************************************************************/
有幾位前輩說是外部連結問題
但我用了以下的json file 卻可以取到資料 = =!
$.getJSON("http://mtgjson.com/json/AllSets.json", function (data) {
var ul = $('<ul />');
$.each(data, function(key, value) {
ul.append( $('<li />', {text: value.name}) );
});
$('body').append(ul);
});
gwjs_cityhall.json 和 AllSets.json 都不是在本機端 但為何一個可以,一個不行
/***************************************************************************/
這是我之後修改過後的Code,資料是有回傳回來,但是還是會出現以下錯誤
SyntaxError: missing ; before statement
{"retCode":"1","retVal":[{"iid":"339","sv":"1","sd":"20000101000000","
我的code
http://jsfiddle.net/U75WG/3/