RxJS urlを構築せずにparamsでajaxリクエストを取得する方法はありますか

Question

ajax getリクエストにparamsを渡すのに問題があります。 のは、私がURL /searchに{category: 'cat', type: 'type', searchKey: 'key' }のparams渡す必要があり、私は以下のコードがあるとしましょう：私はRxJsに新しいですしたよう

action$.ofType('QUERY') 
    .debounceTime(500) 
    .switchMap(action => 
     ajax.get('/search', {//pass some parameters},) 
     .map(result => ({ 
      type: 'FETCH_SUCCESS', 
      payload: result.response, 
     })), 

を、私はこれを行うための正しい方法を提案してください。

Answer 1

それはGET要求に対してリクエストボディ（およびapplication/x-www-form-urlencodedなどの対応Content-Typeヘッダ）を提供することは技術的に許容されますが、ほぼすべてのサーバーがGET、1つを含んでいないと仮定します。代わりに、POST（文書の作成）またはPUT（文書の更新）は、本文が必要な場合に使用されます。

しかし、あなたが求めているのは単に普通の古いクエリパラメータですが、それはかなり正常ですが、オブジェクトをクエリ文字列に変換するRxJSの組み込みサポートはありません - 主に公式仕様がないためです複雑なオブジェクト/配列をどのように直列化して、単純なkey - > value以上の値を設定しても、すべてのサーバーで顕著な相違が生じるようにする必要があります。

代わりに、URLに含めるだけです。私はあなたが "URLを構築せずに"言ったことに気付いていますが、仕様の欠如はRxJSが高い支持を得ている可能性が高いことを意味します。自分で文字列を手動で生成することもできますし、好きな規則を持つサードパーティのユーティリティを使うこともできます。

ajax.get(`/search?query=${query}&something=${something`) 

// or using something like https://www.npmjs.com/package/query-string 

ajax.get(`/search?${queryString.stringify(params)}`) 

---

あなたはさらに、クエリのparamsの独断的な性質を理解することに興味があるなら、あなたは{ foo: [{ bar: 1 }, { bar: 2 }] }をシリアル化する方法を検討してください。一部の人は?foo[0][bar]=1&foo[1][bar]=2であるべきだと言うかもしれませんが、?foo[][bar]=1&foo[][bar]=2、?foo[bar]=1&foo[bar]=2、およびその他の亜種も見たことがあります。重複を扱うときにはもっと毛がいっぱいです。 ?foo=true&foo=falseはfooになりますか？ （それは意見のheheです）