[问题] 使用javascript 取json资料

楼主: nicknick196 (聽天由命)   2015-01-13 13:13:43
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/
作者: Fantasywind (Fantasywind)   2015-01-13 13:21:00
Same origin policy?
作者: onininon (万)   2015-01-13 14:20:00
外部url要用jsonp
作者: icydream (巧虎)   2015-01-14 01:05:00
AllSets这个网站他允许ACAO,可看到它response header有Access-Control-Allow-Origin:*

Links booklink

Contact Us: admin [ a t ] ucptt.com