我一直在嘗試使用jQuery從json表中加載一些數據。jQuery加載json的數據
由於某種原因,它不起作用,但我相信我已經涵蓋了每個方面?我希望這是一個語法錯誤,可能已經溜過了,而不是從我的角度來看。
這是我在這裏:
HTML:
<table id="fixtures">
<thead>
<tr>
<th>Home</th>
<th>Away</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
的javascript:
var jsonDataUrl = 'http://bushell.net/football/site/includes/functions.php';
$(function() {
$.ajax({
type: 'GET',
url: jsonDataUrl,
async: false,
jsonpCallback: 'JSON_CALLBACK',
contentType: "application/json",
dataType: 'json',
success: function(data) {
addRows($('#fixtures'), data, ['data.homeTeamName','data.awayTeamName']);
},
error: function(e) {
console.log(e.message);
}
});
});
function addRows(table, data, fields) {
var tbody = table.find('tbody');
$.each(data, function(i, item) {
tbody.append(addRow(item, fields));
});
return tbody;
}
function addRow(item, fields) {
var row = $('<tr>');
$.each(fields, function(i, field) {
row.append($('<td>').html(item[field]));
});
return row;
}
控制檯錯誤:
(program):1 Uncaught SecurityError: Blocked a frame with origin " http://fiddle.jshell.net " from accessing a frame with origin " http://jsfiddle.net ". Protocols, domains, and ports must match.(anonymous function) @ chrome-extension://geelfhphabnejjhdalkjhgipohgpdnoc/controllers/frame.js:1 jquery.min.js:4 Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org/ . jquery.min.js:4 XMLHttpRequest cannot load http://bushell.net/football/site/includes/functions.php . Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin ' http://fiddle.jshell.net ' is therefore not allowed access.send @ jquery.min.js:4 (index):77 undefined (program):1 Uncaught SecurityError: Blocked a frame with origin " http://headwayapp.co " from accessing a frame with origin " http://jsfiddle.net ". Protocols, domains, and ports must match.(anonymous function) @ chrome-extension://geelfhphabnejjhdalkjhgipohgpdnoc/controllers/frame.js:1 http://rum-collector.pingdom.net/img/beacon.gif?path=http%3A%2F%2Fjsfiddle .…&resE=1110&dL=1115&dI=3903&dCLES=3912&dCLEE=4361&dC=6421&lES=6421&lEE=6436 Failed to load resource: the server responded with a status of 522 (Origin Connection Time-out)
http://jsfiddle.net/XtzjZ/671/
你看到在控制檯中的任何錯誤? –
它似乎是一個跨域請求 –
我添加了控制檯錯誤信息 - 謝謝 – BCLtd