Question

我使用ajax加载了一个div，它完美地工作到昨天，当我把手放在代码中的几行

突然间由于某种原因它不会加载任何内容。

jQuery(document.body).on('click', '.open_list', function() {
    jQuery('.list').addClass('slideIn');
})

jQuery(document.body).on('click', '.open_list', function(e) {
    e.preventDefault();
    jQuery(".ajax_list").fadeOut(function() {

        var $ajaxList = jQuery(this);

        $ajaxList.load("http://lifeto.dothome.co.kr/free .ajax_contents", function() {
            $ajaxList.fadeIn();
        });
    });
});

从字面上看，如果我点击“点击我”。按钮ajax加载内容。

我是以错误的方式做这件事吗？

http://lifeto.dothome.co.kr/xe/

Answer 1

当我运行你的页面并点击按钮时，我会在控制台中看到它：

XMLHttpRequest无法加载http://dothome.co.kr/expiration/404.html。请求中不存在“Access-Control-Allow-Origin”标头资源。原因'http://lifeto.dothome.co.kr'因此不是允许访问。

事实上，如果你只是尝试加载网址http://lifeto.dothome.co.kr/free，那么在浏览器中你会收到404找不到的错误。所以，显然页面http://lifeto.dothome.co.kr/free不存在，这是你的ajax调用试图加载的。

Answer 2

您尝试加载的页面有404错误消息（文件不存在） 404页面有一个标题（与页面一起发送的一段数据），称为Access-Control-Allow-Origin，它不允许来自其他来源的请求（请参阅this）。由于您的网页位于http://life.dothome.co.kr下，而您请求的404网页位于http://dothome.co.kr下，因此无法加载该文件。
修复页面网址，你应该没问题。

ajax装载突然无法正常工作

2 个答案: