Backbone: Die CORS-Synchronisierung sendet eine OPTIONS-Anforderung anstelle von POST

Look up how CORS works -- this is the expected "preflight" request Sehen Sie nach, wie CORS funktioniert – dies ist die erwartete „Preflight“-Anfrage

https://developer.mozilla.org/en-US/docs/HTTP/Access_control_CORS#Preflighted_requests https://developer.mozilla.org/en-US/docs/HTTP/Access_control_CORS#Preflighted_requests

Wie kann ich diese Rückfluganfrage vermeiden?

Senden Sie nur eine "einfache Anfrage", wie hier definiert: https://developer.mozilla.org/en-US/docs/HTTP/Access_control_CORS#Simple_requests

I tried this on server side to handle preflight calls: Ich habe dies auf der Serverseite versucht, um Preflight-Aufrufe zu verarbeiten:

header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Headers: X-Requested-With');
header('Access-Control-Allow-Methods: POST, GET, PUT, DELETE, OPTIONS');

but did not work, the browser does not send another request after the preflight... hat aber nicht funktioniert, der Browser sendet nach dem Preflight keine weitere Anfrage...

So you say that it is not possible with backbone.sync? Sie sagen also, dass es mit backbone.sync nicht möglich ist?
Then it is a bug I think... Dann ist es ein Bug denke ich...

Unabhängig davon ist dies kein Backbone-Problem, daher schlage ich vor, bei Stackoverflow oder IRC nachzufragen.

Können Sie mir erklären, warum dies kein Backbone-Problem ist?

Lesen Sie die Quelle von Backbone.sync ( http://backbonejs.org/docs/backbone.html#section-134 ) und Sie werden sehen, dass Backbone einfach alles an $.ajax weiterleitet.

@inf3rno try this one. @inf3rno versuchen Sie es hier.

header('Access-Control-Allow-Origin: *');
header('Access-Control-Allow-Headers: Content-Type');
header('Access-Control-Allow-Methods: POST');

This isn't Backbone issue at all. Dies ist überhaupt kein Backbone-Problem.

These are my original headers without php: Dies sind meine ursprünglichen Header ohne PHP:

HTTP/1.1 200 OK
Cache-Control: max-age=0, no-cache, no-store, must-revalidate
Pragma: no-cache
Content-Type: text/html
Expires: Wed, 11 Jan 1984 05:00:00 GMT
Server: Microsoft-IIS/7.5
X-Powered-By: PHP/5.3.8, ASP.NET
access-control-allow-origin: http://x.y.loc
Access-Control-Allow-Methods: POST, GET, PUT, DELETE, OPTIONS
Date: Fri, 17 May 2013 01:33:02 GMT
Content-Length: 0

I think my server is well configured, but I tried out the headers you gave, and they did not work... Ich denke, mein Server ist gut konfiguriert, aber ich habe die von Ihnen angegebenen Header ausprobiert und sie haben nicht funktioniert ...

Simple $.ajax calls work well, for example I load json files from the service with this: Einfache $.ajax-Aufrufe funktionieren gut, zum Beispiel lade ich hiermit json-Dateien aus dem Dienst:

define(function (require, exports, module) {
    var $ = require("jquery");

    module.exports = {
        load: function (name, _require, load, config) {
            var params = name.split("|");
            var method, url;
            if (params.length == 1) {
                method = "GET";
                url = params[0];
            }
            else {
                method = params[0];
                url = params[1];
            }
            $.ajax({
                url: url,
                type: method,
                dataType: "json"
            }).success(load).error(function (xhr, status, error) {
                    throw error;
                });
        }
    };

});

I tried out this with any request method, and they responded well... Ich habe das mit jeder Anfragemethode ausprobiert, und sie haben gut reagiert ...

The collection.fetch() works well too, I have problems only with the model.save() ... Die collection.fetch() funktioniert auch gut, ich habe nur Probleme mit der model.save() ...

I tried it this way, maybe I'm doing something wrong: Ich habe es so versucht, vielleicht mache ich etwas falsch:

        var User = Backbone.Model.extend({
            urlRoot: Application.service.Authorization.User.create.url
        });
        var form = new UserForm({
            model: new User({
                email: "[email protected]",
                name: "test"
            })
        }).render();
        form.on("submit", function (user) {
            console.log(user.attributes);
            user.save(null, {
                success: function (model, response, options) {
                    console.log("success");
                },
                error: function (model, xhr, options) {
                    console.log("error");
                }
            });
        });

I got the attributes and "error" in console. Ich habe die Attribute und "Fehler" in der Konsole erhalten. I'll check what kind of error is.. Ich schau mal was das für ein Fehler ist..

You were right, thanks! Du hattest Recht, danke! I added to server config the allow content-type, and it works now. Ich habe der Serverkonfiguration den Allow-Content-Type hinzugefügt, und es funktioniert jetzt. Firebug is not the best, the Chrome console printed that the content-type is not allowed... Firebug ist nicht der Beste, die Chrome-Konsole hat ausgegeben, dass der Inhaltstyp nicht zulässig ist ...

Many tanks! Viele Panzer! :D :D

GET and POST requests requires quite different headers. GET - und POST -Anforderungen erfordern ganz unterschiedliche Header. When the API server uses cookies for authentication, the server should have Access-Control-Allow-Credentials: true header. Wenn der API-Server cookies zur Authentifizierung verwendet, sollte der Server den Header Access-Control-Allow-Credentials: true haben. And off course you need to make a XHR request with withCredentials: true on client-side. Und natürlich müssen Sie auf Client-Seite eine XHR-Anfrage mit withCredentials: true stellen. When the API server uses Authorization header for BasicAuth request, you don't need withCredential . Wenn der API-Server den Header Authorization für die BasicAuth-Anforderung verwendet, benötigen Sie withCredential nicht. Instead, the Access-Control-Allow-Headers need to include Authorization in this case, just like Stattdessen müssen die Access-Control-Allow-Headers Authorization enthalten, genau wie

header('Access-Control-Allow-Headers: Authorization, Content-Type');

Ah, it seems you solved the issue while I'm writing this. Ah, anscheinend hast du das Problem gelöst, während ich dies schreibe.

Ja, danke trotzdem, du hast mir sehr geholfen!

@inf3rno Thanks so much for the comment about Chrome giving better error messages than Firebug! @inf3rno Vielen Dank für den Kommentar zu Chrome, der bessere Fehlermeldungen liefert als Firebug! That helped us solve the problem. Das hat uns geholfen, das Problem zu lösen.

You're welcome! Gern geschehen! :-) :-)

Can someone please help on this issue? Kann jemand bitte zu diesem Problem helfen? http://stackoverflow.com/questions/32725249/cors-filter-issue-for-authentrypoint http://stackoverflow.com/questions/32725249/cors-filter-issue-for-authentrypoint

Falls jemand anderes dieses Problem hat, musste ich "x-http-method-override" zu meiner Liste der Access-Control-Allow-Methods hinzufügen, die verwendet wird, wenn Sie Backbone.emulateHTTP = true setzen