Angular 2服务http发布不起作用

埃夫格尼·卡尔库丁

我有nodejs服务器正在侦听并等待发布请求,http://localhost:3000/api/updateLocation服务器已通过PostMan测试了JSON发布请求,并且一切正常,nodejs输出“ Got数据”到控制台。但是Angular2似乎没有将数据发送到服务器。屏幕截图PostMan

有什么问题?

NodeJS server.js:

api.post('/updateLocation', function(req, res){
  //res.send(req.body);
  console.log('Got data');
});

离子2 home.ts:

import {Component} from '@angular/core';
import {NavController} from 'ionic-angular';
import {Service} from '../../service';

@Component({
  templateUrl: 'build/pages/home/home.html',
  providers: [Service]
})
export class HomePage {
  constructor(private navCtrl: NavController, service: Service) {
    setInterval( ()=> {
      service.sendLocation({ x: '46.303344', y: '28.655268' });
    }, 1000);
  }

}

service.ts:

import {Injectable} from '@angular/core';
import {Http, Headers} from '@angular/http';

@Injectable()
export class Service {
  http : any;
  url : string = 'http://localhost:3000/api/updateLocation';
  constructor(http: Http){
    this.http = http;
  }

  sendLocation(location){
    let body = JSON.stringify(location);
    let headers = new Headers();
    headers.append('Content-Type', 'application/json');
    return this.http.post(this.url, body, { headers });
  }
}
安迪·德洛斯多斯(Andy-Delosdos)

您需要订阅http操作,否则实际上不会触发该请求。在使用之前,它一直保持“冷”状态。

如果您的api返回json响应,则此方法有效,例如:

this.http.post(this.url, body, { headers }).subscribe(
        data => {
            console.log(data.json());           
        }
);

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

从angular2到.NET Web API的HTTP发布不起作用

来自分类Dev

http 服务命中在 Angular 中不起作用

来自分类Dev

Angular2服务订阅不起作用

来自分类Dev

共享服务在 angular 2 中不起作用

来自分类Dev

Http Get catch 在 angular 2 中不起作用

来自分类Dev

使用$ http.post()从angular发布到php的变量不起作用

来自分类Dev

服务的 Angular-cli 不起作用

来自分类Dev

Angular 4 - 使用地图发布请求不起作用

来自分类Dev

Angular 2表单验证不起作用

来自分类Dev

EventEmitter在Angular 2中不起作用

来自分类Dev

模糊不起作用-Angular 2

来自分类Dev

Angular 2模拟响应不起作用

来自分类Dev

Angular 2 NgModel不起作用

来自分类Dev

Angular 2订阅不起作用

来自分类Dev

Angular 2订阅不起作用

来自分类Dev

Angular 2 Observable订阅不起作用

来自分类Dev

Angular 2 单击事件不起作用

来自分类Dev

Angular 2 输出绑定不起作用

来自分类Dev

Angular 2、jQuery、*ngFor 不起作用?

来自分类Dev

Angular 2 样板不起作用

来自分类Dev

Angular 2 Conditional 属性不起作用

来自分类Dev

Angular2 preventDefault 不起作用

来自分类Dev

Angular 2 - 路由不起作用

来自分类Dev

FileReader 在 Angular 2 中不起作用

来自分类Dev

jquery 在 Angular 2 中不起作用?

来自分类Dev

angular2-数据表服务器分页不起作用

来自分类Dev

本地服务器中的 Angular 2 Cross Doamin Call 不起作用

来自分类Dev

Angular2:对节点服务器的 PUT 请求不起作用 - 身份验证丢失

来自分类Dev

Http在Angular 2自定义异步验证中不起作用