http Post Rückkehr Fehler während .ajax nicht $

Question

ich Jquery Ajax Abfrage haben:

var data2 = "data" 
var ajaxOptions2 = { 
    type: "post", 
    url: "http://localhost:8050/adapter/interface", 
    data: data2, 
    dataType: "json", 
    success: onSuccess, 
    error: onError, 
    processData: false, 
    contentType: "application/json; charset=UTF-8" 
}; 
$.ajax(ajaxOptions2); 

und diese Post-Anforderung ordnungsgemäß funktioniert

Ich habe versucht, umschrieb dies dem angular2 http.post:

let bodyString = "data"; 
let headers = new Headers({ 'dataType': 'json', 'contentType': 'application/json; charset=UTF-8' }); 
let options = new RequestOptions({ headers: headers, method: RequestMethod.Post}); 
that.http.post(that.url, bodyString, options) 
    .map(that.extractData) 
    .catch(that.handleError) 
    .subscribe(data => { console.log("test")}); 

aber http.post kehrt Fehler:

XMLHttpRequest cannot load http://localhost:8050/adapter/interface. Request header field dataType is not allowed by Access-Control-Allow-Headers in preflight response. 

Können Sie sagen, warum, warum Jquery Ajax funktioniert, aber meine http.post nicht?

Answer 1

Nun ist das Problem genau das, was die Fehlermeldung angibt. In Ihrer Post-Anfrage setzen Sie den Header "dataType", der offensichtlich vom Server für die POST- oder OPTIONS-Anfrage nicht erlaubt ist. Sie setzen diese Kopfzeile nicht in Ihrer Ajax-Anfrage. Wenn Sie möchten, dass es funktioniert, müssen Sie entweder die Kopfzeile entfernen oder Ihren Server neu konfigurieren, um stattdessen diese Kopfzeile zu akzeptieren.