javascript - Jquery ajaxリクエストが常に失敗する - Origin

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

これらのファイルは両方ともローカルであるため、私は少し混乱しています。なぜ起源について不平を言うのですか?