Question

我使用angular 2来发出get请求和post请求。我的get请求正常，但是对于我的帖子，我在查看Firebug Net面板时看不到请求。

代码方法如下所示。我也有订阅方法从组件类调用它们。

import {Injectable} from "angular2/core";
import {Http, Response, Headers, RequestOptions,  Jsonp, URLSearchParams} from "angular2/http";
import { Observable }     from 'rxjs/Observable';
import 'rxjs/add/operator/map'; 

 @Injectable()
export class MyService{
    constructor (private _http: Http){}  


testPost(){      

    var json = JSON.stringify({"userId": 111, "givenName": "CZ"});
    var body = "json="+json;
    var headers = new Headers({ 'Content-Type': 'application/json' });
    var options = new RequestOptions({ headers: headers });

    return this._http.post("http://mylocal.post.url", body, options)
        .map(this.extractData)
        .catch(this.handleError);

}

  private extractData(res: Response) {
    alert("test whether this method is reached");

    let body = res.json();
    return body.data || { };
  }

  private handleError (error: any) {
    alert("test whether this method is reached");

    let errMsg = (error.message) ? error.message :
      error.status ? `${error.status} - ${error.statusText}` : 'Server error';
    console.error(errMsg); // log to console instead
    return Observable.throw(errMsg);
  }     

 //testGet method is running well
testGet(link:string){

    return this._http.get(link)
    .map(res => res);

}     
}

我的订阅方法onTestPost（），它被分配给页面上的一个按钮。

onTestPost(){
    this.myService.testPost()
    .subscribe(
        data => this.getData = JSON.stringify(data),
        error => alert(error),
        () => console.log("Finished")            
        );
}

我在两个辅助方法的开头放了一个警告声明。没有达到任何警报。在使用Firebug进行调试时，我没有看到任何调用我本地帖子的请求。

虽然我的testGet方法正常工作，但我只是不知道testPost缺少什么。

Answer 1

我认为您的订阅方法是这里的问题。请确保调用subscribe。

“这种观察结果是冷的，这意味着请求将不会出现，直到某事订阅了可观察物。“

请参阅https://angular.io/docs/ts/latest/guide/server-communication.html

Answer 2

testPost() : Observable <Response> //import{Response} from '@angular/http'
{      
var json = JSON.stringify({"userId": 111, "givenName": "CZ"});
var headers = new Headers({ 'Content-Type': 'application/json' });
var options = new RequestOptions({ headers: headers });
return this._http.post("http://mylocal.post.url/api",JSON.stringify(json), options)
    .map((res:Response)=>res.json())
    .catch(this.handleError);
}

Angular 2 http post请求未被调出

2 个答案: