使用angular2在离子2中实现后期Web服务

时间:2017-01-19 05:24:54

标签: web-services angular ionic2

我试图在angular2中实现post webservice。 我试图通过邮递员及其工作来点击URL。但是当我试图以角度来实现它时,我没有得到任何回应。 以下是我的代码示例:

 load(username, password) {

        console.log(username,"  ", password);
        let postData = {"username":username, "password" : password, 
                "userdeviceInfo": [{
                "deviceId": "APA91bGUZuKVbqur7Qq2gy2eyomWgXkIU5Jcmmtmgl4IGuzVzwiJVMZgAHj3Bx6yrnW0oEZlEtB9XdcR6AOpKyEMVSWwQ_UIfNX6T0iwq28hnufOhauVdTYZQSWWPAdDrdg58cjnL5T-",
                "platform":"Android"
                          }]};

        //let body= JSON.stringify(postData); 

      //console.log("body---"+body)

        this.headers = new Headers();
            this.headers.append("Content-Type", 'application/json');

            this.requestoptions = new RequestOptions({
                method: RequestMethod.Post,
                url: this.url,
                headers: this.headers,
                body: JSON.stringify(postData)
            })

    console.log("body---"+this.requestoptions)

    return this.http.request(new Request(this.requestoptions))
                .map((res: Response) => {
                    if (res) {

                      console.log(res.json());
                        return [{ status: res.status, json: res.json() }];
                    }})
               .subscribe(res => this.data = res);

我收到的错误是:

XMLHttpRequest cannot load "MY_URL". Response for preflight has invalid HTTP status code 500

我有点被困在这里。任何人都可以帮我找到我错在哪里吗?

2 个答案:

答案 0 :(得分:0)

这是一个POST示例:

rate(url: string, body: { value: number}) {
  let headers = new Headers({ 'Content-Type': 'application/json' });
  let options = new RequestOptions({ headers: headers });

  return this.http.post(url, body, options).toPromise().then(
          response => response.json(),
          err => err
  );
}

当然你可以删除toPromise()以使用observables,这是一个示例app:)

希望这可以帮到你。

答案 1 :(得分:0)

您可以使用这种方式制作http帖子:

script_2