javascript - Jquery ajax 请求总是失败 - 起源

Question

我的桌面上有这段代码：

$(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

我有点困惑，因为这些文件都是本地的，为什么它会抱怨来源？