Question

我遇到以下错误，当我试图通过AJAX渲染部分时：

XMLHttpRequest cannot load https://www.domain.de/footer_info. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://www.domain.de' is therefore not allowed access.

协议似乎有问题。尝试通过https而不是http加载部分。 Chrome认为这是一个跨域请求（显然）。所以我的问题是如何解决这个错误。

这是我的AJAX-Call：

$(document).ready(function() {

jQuery.ajax({
    url: "/footer_info",
    type: "GET",
    success: function(result){
        // ...
    },
    error: function(e){
        console.info("Error-msg: "+e.responseText);
    }
});

}）;

这是Controller-method：

def footer_info
respond_to do |wants|
  wants.js
end

端

这里是呈现部分的JS响应：

jQuery("#bottom_wrapper").html("<%= escape_javascript(render(:partial => 'partials/footer/footer')) %>");

所以我希望你能帮助我:(谢谢！

Answer 1

谢谢@Max Williams！这解决了我的问题：https://stackoverflow.com/a/9523871/1542555

所以这是我修改过的Controller：

def footer_info
  headers['Access-Control-Allow-Origin'] = "*"
  respond_to do |wants|
    wants.js
  end
end

通过AJAX加载Partial进行协议冲突

1 个答案: