nirasan's tech blog

趣味や仕事の覚え書きです。Linux, Perl, PHP, Ruby, Javascript, Android, Cocos2d-x, Unity などに興味があります。

Angular で JSON を POST で送信しようとすると空になる

はじめに

  • Angular で公式ドキュメント の通りに JSON データを POST で送信しようとすると Body が空になるので対策をメモ

環境

  • Angular 4.3.5

公式ドキュメントのコード

  • このとおりだと Body が空になる
const body = {name: 'Brad'};

http
  .post('/api/developers/add', body)
  // See below - subscribe() is still necessary when using post().
  .subscribe(...);

対策したコード

  • JSON.stringify すると正常にデータが POST できる
const body = JSON.stringify({name: 'Brad'});

http
  .post('/api/developers/add', body)
  // See below - subscribe() is still necessary when using post().
  .subscribe(...);