Backbone.js non effettuerà richieste cross-host?

Question

Ho giocato con Backbone nella mia console di Chrome e mi sono imbattuto in un problema interdominio che non riesco a capire.

Il padrone di casa che sto connessione a implementa presumibilmente correttamente CORS perché una richiesta XHR grezzo restituisce il JSON atteso:

var http = new XMLHttpRequest(); 
http.open('GET', 'http://example.com:3000/entities/item/15.json', true); 
http.onreadystatechange = function(evt) { console.log(evt); } 
http.send(); 

(tronchi 3 eventi progress XHR sulla console con i dati corretti nella risposta)

ma quando lo faccio la seguente con Backbone il suo navigatore web non piace:

var Item = Backbone.Model.extend({}); 
var ItemsCollection = Backbone.Collection.extend({ 
    model: Item, 
    url: 'http://example.com:3000/entities/item/' 
}); 
var items = new ItemsCollection(); 
items.fetch(); 

(restituisce XMLHttpRequest cannot load http://example.com:3000/entities/item/. Origin http://localhost:8000 is not allowed by Access-Control-Allow-Origin.)

C'è qualcosa che devo fare per dire a Backbone di lavorare con CORS? Sembra che questo errore si sia verificato prima che il browser effettuasse una richiesta, quindi non penso che sia un errore di configurazione del server.

Answer 1

spero uno di questi aiuti (non ho provato ancora):
1. Overriding Backbone.js sync to allow Cross Origin

(function() { 
    var proxiedSync = Backbone.sync; 
    Backbone.sync = function(method, model, options) { 
    options || (options = {}); 
    if (!options.crossDomain) { 
     options.crossDomain = true; 
    } 
    if (!options.xhrFields) { 
     options.xhrFields = {withCredentials:true}; 
    } 
    return proxiedSync(method, model, options); 
    }; 
})(); 

2. Cross domain CORS support for backbone.js

$.ajaxPrefilter(function(options, originalOptions, jqXHR) { 
    options.crossDomain ={ 
     crossDomain: true 
    }; 
    options.xhrFields = { 
     withCredentials: true 
    }; 
}); 

Answer 2

Si scopre gli URL sono stato richiedente Backbone erano leggermente diversi da quelli richiesti tramite XHR (mancava un queryarg). Ciò ha causato il server a 500, che non ha le intestazioni CORS. Chrome non ha mostrato la richiesta HTTP nella scheda di rete del pannello di debug, quindi ero estremamente confuso.

La riparazione del server 500 sul server ha funzionato di nuovo.

Answer 3

hey si può usare qualcosa di simile a:

var PostsCollection = Backbone.Collection.extend({ 
    initialize: function(models, options) { 
    //this.id = options.id; 
    }, 
    url: 'http://myapi/api/get_posts/?count=8', 
}); 

posts = new PostsCollection(); 
posts.fetch({ 
    dataType: 'jsonp', 
    success : function (data) { 
    console.log(data); 
    } 
}); 

la chiave è che abbiamo bisogno di usare 'jsonp'