2016-06-22 6 views
0

Ich versuche, Daten mit http in Winkel 2 zu buchen, fügte ich einen http-Aufruf mit zusätzlichen API, und wenn ich auf die Schaltfläche klicken, sollte es veröffentlichen Daten zu meinem db, in cosole zeigt es FehlerAntwort mit Status: 200 Ok für URL: null Fehler für angular2.0 http Post

XMLHttpRequest cannot load http://localhost/a2server/index.php/profile/addprofile. 
Request header field Content-Type is not allowed by Access-Control- 
Allow-Headers in preflight response. 
EXCEPTION: Response with status: 200 Ok for URL: null 



import {Component} from '@angular/core'; 
import {Http, Response, Headers} from '@angular/http'; 
import {Observable} from 'rxjs/Observable'; 
import {Subject } from 'rxjs/Subject'; 

    @Component({ 
templateUrl: './components/http/http.html' 
}) 

export class HttpSample { 


http: Http; 

postResponse = new Person(); 


constructor(http: Http) { 

    this.http = http; 

} 



onSubmit(){ 

    var headers = new Headers(); 
    headers.append('Content-Type', 'application/json'); 
    this.http.post('http://localhost/a2server/index.php/profile/addprofile', JSON.stringify({firstName:'Joe',lastName:'Smith'}),{headers:headers}) 
     .map((res: Response) => res.json()) 
     .subscribe((res:Person) => this.postResponse = res); 
} 
}class Person{ 
firstName:string; 
lastName:string; 
} 

und ich Entsendung bin keine Werte aus meiner Sicht nur Platz, den ich auf einen Knopf

<div> 
    <button (click)="postData()">Post Data</button> 


</div> 
+0

Mögliches Duplikat von [Wie macht man CORS-fähige HTTP-Anfragen in Angular 2?] (Http://stackoverflow.com/questions/36768418/how-to-make-cors-enabled-http-requests-in-angular -2) – rinukkusu

Antwort

0

Fügen sie die Access-Control-Allow-Headers Flag in der Serverantwort.

+0

noch keine Änderung – MMR

+0

"keine Änderung" - Bedeutet das genau den gleichen Fehler? – rinukkusu

+0

ja der gleiche Fehler – MMR

Verwandte Themen