我的桌面上有这段代码:
$(function () {
$('#country_link').on('click', function () {
$.ajax({
type: 'GET',
dataType: 'html',
url: '/ajax.html',
timeout: 5000,
beforeSend : function() {
$("#country_slide").show('fast');
$("#country_slide").html('<p>Loading</p>')
},
success: function (data, textStatus) {
$("#country_slide").html(data);
alert('request successful');
},
error: function (xhr, textStatus, errorThrown) {
alert('request failed');
$("#country_slide").hide('fast');
},
complete : function() {
$('.loader').hide();
},
});
return false;
});
});
我还有一个包含以下内容的 ajax.html 文件:
<p>Hello World</p>
当我单击链接时,我总是收到“请求失败”的消息。消息控制台给我的是这样的:
Origin null is not allowed by Access-Control-Allow-Origin. test.html:1
我有点困惑,因为这些文件都是本地的,为什么它会抱怨来源?