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>