Междоменный XHR не работает
У меня есть API, размещенный в одном домене с включенным CORS со следующими заголовками:
Access-Control-Allow-Origin: *
Access-Control-Allow-Methods: POST, GET, OPTIONS
Access-Control-Max-Age: 1728000
Я могу сделать запрос GET или POST от hackst.com, и он отлично работает. Ссылка:http://hackst.com/#w3SbV
Из моего магистрального приложения, размещенного в другом домене, запросы GET работают нормально. Но когда я пытаюсь создать и сохранить новую модель (то есть сделать запрос POST), она завершается с ошибкой:
Failed to load resource: the server responded with a status of 501 (Not Implemented) http://projectwhatup.us:5000/api/posts
XMLHttpRequest cannot load http://projectwhatup.us:5000/api/posts. Origin http://ayush.projectwhatup.us is not allowed by Access-Control-Allow-Origin.
Мой соответствующий магистральный код:
var newPostData = {
topic : "New Post",
body : "new body",
user_id : 1,
};
var newPostModel = new Post(newPostData);
this.model.create(newPostModel);
Я даже пытался преодолетьcreate
метод и сделать запрос POST вручную, как это:
create : function(data) {
console.log('overriden create');
$.ajax({
"url" : this.url,
"async" : true,
"beforeSend" : function(obj){
console.log(obj);
},
"contentType" : 'application/json',
//"crossDomain" : true, // uncommenting this doesnt help either
"headers" : {
},
"dataType" : 'json',
"type" : 'POST',
"data" : JSON.stringify(data),
"error" : function(err){
console.log('new post creation failed');
console.log(err);
},
"success" : function(resp){
console.log('new post created');
console.log(resp);
}
});
}
Та же ошибка
Я также попытался выполнить автономный запрос GET на JSFiddle (http://jsfiddle.net/X9cqh/5/), но это не удалось, даже несмотря на то, что мое магистральное приложение может выполнить запрос GET нормально.
Я совершенно невежественен в этом пункте. Любые намеки, указатели, решения?