einfache ajax-Anfrage an localhost nodejs server

Ich schrieb sehr einfache server :

/* Creating server */
var server = http.createServer(function (request, response) {
  response.writeHead(200, {"Content-Type": "text/plain"});
  response.end("Hello World\n");
});

/*Start listening*/
server.listen(8000);

Ich es mit nodejs.

Nun will ich schreiben von einfachen client, der die Nutzung der ajax-Aufruf send request to server und Druck-Antwort ("Hello World")

Hier javascript Bauherr:

$.ajax({
            type: "GET",
            url: "http://127.0.0.1:8000/" ,
            success: function (data) {
            console.log(data.toString);
            }
        });

Wenn ich open client-html-Datei bekomme ich folgende Fehlermeldung in der Konsole:

XMLHttpRequest cannot load http://127.0.0.1:8000/. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.

Ich habe versucht, das hinzufügen, um ajax-Aufruf folgende:

 $.ajax({
            type: "GET",
            url: "http://127.0.0.1:8000/" ,
            dataType: 'jsonp',
            crossDomain: true,
            success: function (data) {
            console.log(data.toString);
            }
        });

Aber dann bekomme ich 

Resource interpreted as Script but transferred with MIME type text/plain: "http://127.0.0.1:8000/?callback=jQuery211046317202714271843_1410340033163&_=1410340033164".

Jemand erklären kann was ich falsch gemacht habe und vielleicht wie man es beheben?

Vielen Dank!

InformationsquelleAutor Farseer | 2014-09-10
  1. 3

    Den ersten Fehler wird verursacht durch CORS (Cross-Origin Resource Sharing) - Richtlinie. Es ist in der Regel von allen Browsern, dass Sie nicht eine Anfrage an einen remote-server in AJAX anderen als dem aktuellen server das script/die Seite wurde geladen, es sei denn, dass der remote-server ermöglicht es über Access-Control-Allow-Origin header.

    Ich schlage vor dem servieren die Seite aus der gleichen Node.js server. Dann wird es funktionieren. Beispiel, wenn die Anfrage kommt root - / Seite, dann dienen die index.html Datei, ansonsten, server was auch immer andere Inhalte, die Sie wollen.

    var http = require('http'),
    fs = require('fs');

/* Creating server */
var server = http.createServer(function (request, response) {
    if (request.url == '/' || request.url == '/index.html') {
        var fileStream = fs.createReadStream('./index.html');

        fileStream.pipe(response);
    } else {
        response.writeHead(200, {"Content-Type": "text/plain"});
        response.end("Hello World\n");
    }
});

/*Start listening*/
server.listen(8000);
    • Danke für die Antwort, Aber wie kann ich senden geändert index.html client, wenn zum Beispiel Inhalte von index.html dynamisch ist und auf jede Anfrage sollte es anders sein?
    • Das Beispiel, das ich habe ist sehr basic. Es wird davon ausgegangen, Inhalt ist statisch in einer Datei gespeichert. Sie können, natürlich, eine dynamische Inhalte, die möglicherweise auf einige Daten von einem remote-server wie eine Datenbank oder eine remote-Web-service. Alles was Sie tun müssen, ist das erstellen der Inhalte dynamisch an. Ich schlage vor, Sie schauen in das - Express Node.js -framework, welches es erlaubt Ihnen zu dienen template-Dateien wo gibt es Platzhalter für dynamische Inhalte. Einmal bereiten Sie die dynamischen Inhalte können Sie es geben, um die template-engine.
    • Die template-engine + Express machen Ihren dynamischen Inhalt, richtig und dienen für den client.
    InformationsquelleAutor Eye
  2. 5

    Zur überwindung der CORS, in Ihrem node.js Datei schreiben, die unten, basierend auf was Sie brauchen:

    //Website you wish to allow to connect
res.setHeader('Access-Control-Allow-Origin', '*');

//Request methods you wish to allow
res.setHeader('Access-Control-Allow-Methods', 'GET, POST, OPTIONS, PUT, PATCH, DELETE');

//Request headers you wish to allow
res.setHeader('Access-Control-Allow-Headers', 'X-Requested-With,content-type');

//Set to true if you need the website to include cookies in the requests sent
//to the API (e.g. in case you use sessions)
res.setHeader('Access-Control-Allow-Credentials', true);
    InformationsquelleAutor Hasan A Yousef
Schreibe einen Kommentar