如何使用CORS和backbonejs向API发出ajax请求

我正在开发一个backbone.js项目,我正在调用我的github repo.我有我的Collections和Models bootloaded,所以当我的页面构建时它们就存在了,但是当我调用model.fetch()时,我得到这样的消息:(用户名替换:username)
XMLHttpRequest cannot load https://api.github.com/users/:username.
Origin http://mydomain.com is not allowed by Access-Control-Allow-Origin.

我已经阅读了一些消息post1,post2,他们提到修改了backbone.sync函数,但我不完全确定如何.这是我到目前为止的代码(这是在我的Backbone.Router中):

userDetails: function(id) {
    console.log('Loading: userDetails');
    var User = Users.get(id);
    User.fetch({dataType: "jsonp"});
    console.log(User);
    userView = new UserView({
        model: User
    });
    userView.render();
},

谢谢!

后端启用CORS. jQuery基础知道它何时发出跨源请求并相应地修改它.问题是服务器,在这种情况下,api.github.com不允许CORS请求.

服务器必须以(最小值)响应:

Access-Control-Allow-Origin:*(或您的页面所在的主机)

由于您可能不拥有github,因此您必须编写服务器端代理或查看github是否可以为您提供JSONP调用(jQuery也很乐意为您提供).

MDN Documentation on Access-Control

编辑

话虽这么说,如果您需要通过骨干修改jQuery提出的请求,则无需覆盖同步方法.使用jQuery’s $.ajaxSetup方法添加任何其他标头,设置类型等.只需确保在相同的上下文或闭包中运行$.ajaxSetup方法,因为.save(),. fetch()或.destroy()将运行或者你不会得到$.ajaxSetup中正在执行的工作

相关文章

IE6是一个非常老旧的网页浏览器,虽然现在很少人再使用它,但...
PHP中的count()函数是用来计算数组或容器中元素的个数。这个...
使用 AJAX(Asynchronous JavaScript and XML)技术可以在不...
Ajax(Asynchronous JavaScript and XML)是一种用于改进网页...
本文将介绍如何通过AJAX下载Excel文件流。通过AJAX,我们可以...
Ajax是一种用于客户端和服务器之间的异步通信技术。通过Ajax...