Ajax在Chrome中不起作用

Question

单击按钮后，我想在同一页面上显示html文件。 我创建了3个按钮，当我单击它时，浏览器将根据页面加载图像。但是Chrome向我显示了一个错误：

jquery.min.js:2 Failed to load file:///C:/Users/Ksena/proj/ajax/tabs/autumn.html: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.
send @ jquery.min.js:2
ajax @ jquery.min.js:2
w.fn.load @ jquery.min.js:2
(anonymous) @ index.html:23
dispatch @ jquery.min.js:2
y.handle @ jquery.min.js:2


<div class="container">
        <button class="summer">Summer</button>
        <button class="autumn">Autumn</button>
        <button class="winter">Winter</button>
        <div class="output"></div>
    </div>
    <script>
        $(document).ready(function() {
            $('.summer').click(function(){
                $('.output').load('./summer.html');
            });
            $('.autumn').click(function(){
                $('.output').load('./autumn.html');
            });
            $('.winter').click(function(){
                $('.output').load('./winter.html');
            });
        });
</script>