RxJS v5:如何用params发出POST请求?

时间:2017-04-17 11:29:06

标签: javascript ajax rxjs rxjs5 redux-observable

我有一些RxJS代码,这是其中的一部分:

.mergeMap(action => {
  const user = store.getState().user;
  return ajax.post(`${config.API_BASE_URL}/api/v1/rsvps`, {
    rsvp: {
      meetup_id: action.payload,
      user_id: user.id,
    }
  })
  .map(action => calendarActions.rsvpAdded(action.payload));
})

但是,我的服务器告诉我,params的格式不正确:

[info] POST /api/v1/rsvps
[debug] Processing by ParrotApi.RsvpController.create/2
  Parameters: %{"rsvp" => "[object Object]"}
  Pipelines: [:api_auth]
[info] Sent 400 in 10ms

我尝试过使用JSON.stringify但是没有用。它只是使我的参数成为一个字符串。

rsvp: JSON.stringify({
  meetup_id: action.payload,
  user_id: 123,
})

Parameters: %{"rsvp" => "{\"meetup_id\":1,\"user_id\":123}"}

1 个答案:

答案 0 :(得分:8)

我不知道您的服务器需要什么参数格式,但如果您想发送JSON有效负载,则还应包含正确的标头Content-Type: application/json。使用RxJS 5,它如下所示:

ajax.post('url', {param: 42}, { 'Content-Type': 'application/json' });

现在,身体有效负载将自动转换为JSON。 (见AjaxObservable.ts#L286

或者,如果您不想发送标题,则需要自己将整个对象转换为JSON:

ajax.post('url', JSON.stringify({param: 42}));

顺便说一下,你绝对不想将这两种方法(包括标题和自己调用JSON.stringify)结合起来,因为这会将相同的有效负载转换为JSON两次。