尝试从localhost向localhost:8000发送数据时,ajax调用不起作用

Question

我正在建立一个网站,我的后端我在django,前端使用PHP.问题是我试图做一个ajax调用php (localhost),django (localhost:8000)每当我尝试所以它给mes下面的错误

$(document).on('click', '.login', function(event) {
    var username = $('#username').val();
    var token = $('#token').val();
    $.ajax({
       type: "POST",
       url: "http://localhost:8000/project/login/uid=" + username + ";token=" + token,
       success: function (html) {
         alert(html);
        }
     });
});

ajax代码是

$(document).on('click', '.login', function(event) {
    var username = $('#username').val();
    var token = $('#token').val();
    $.ajax({
       type: "POST",
       url: "http://localhost:8000/project/login/uid=" + username + ";token=" + token,
       success: function (html) {
         alert(html);
        }
     });
});

我如何从我的前端到localhost:8000上的django后端进行ajax调用

Answer 1

由于端口不相同,因此它被视为跨源请求.您必须Access-Control-Allow-Origin在要请求的脚本中设置标题.

学到更多:

http://enable-cors.org/server.html

或者,特别是对于django:

http://chase-seibert.github.io/blog/2012/01/27/using-access-control-allow-origin-to-make-cross-domain-post-requests-from-javsacript.html