http://www.bmesta.com:8080/jerseyTest/webapi/myresource/reservation
是你網站的嗎?是的話改為jsonp數據,這種格式的數據ajax無法直接獲取到數據,跨域了,安全問題不允許跨域請求
需要在你自己站點做代理,否則如果你不考慮兼容IE9-浏覽器,可以使用第三方的接口來獲取你的這個json數據
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script>
<div id="content"></div>
<script>
$.getJSON("http://query.yahooapis.com/v1/public/yql", {
q: "select * from json where url=\"http://www.bmesta.com:8080/jerseyTest/webapi/myresource/reservation\"",
format: "json"
}, function (data) {
var $content = $("#content")
if (data.query.results) {
console.log(data)
var arr = data.query.results.json.Reservation;
for (var i = 0; i < arr.length; i++)
$('#content').append('customName:' + arr[i]['customName'] + ' customNumber:' + arr[i]['customNumber'] + ' id:' + arr[i]['id'] + ' state:' + arr[i]['state']+'<br>');
} else {
alert('獲取數據失敗!');
}
});
</script>