（jQueryスタイル）ネストされたオブジェクトを使用してGETパラメータをシリアル化する方法

Question

次のget要求をAngularで送信する必要があります。この要求に応じて、私はparamsを取り込んでJSONデータを返すレールサーバーを用意しています。

必要なGETリクエスト：

http://localhost:8080/clients.json?c[year][]=&c[year][]=2016&c[year][]=2015

これまでの角度コード：

サーバーが認識できるように、私は、角度にお​​ける年間のパラメータに送信しますどのように

$http({method: 'GET', url: '/clients.json', params:{???}.success(function(data){ 
     //angular does something  
    }); 

c [year] [2016] - ネストされた配列形式？基本的に、私はどのように正しく???提供されたコードで？

Answer 1

使用$httpParamSerializerJQLike：

var myUrl = '/clients.json' 
var myParams = {c: {year: ["2015", "2016"]}}; 

$http({ 
    url: myUrl, 
    method: 'GET', 
    params: myParams, 
    paramSerializer: '$httpParamSerializerJQLike' 
}); 

を$httpParamSerializerJQLikeサービスは、jQueryのparam()メソッドのロジックを以下の代替$ HTTPのparamsシリアライザです。私は実行何らかの理由

JSON: {"c":{"year":[2014,2015]}} 
Encode: c%5Byear%5D%5B%5D=2014&c%5Byear%5D%5B%5D=2015 
Decode: c[year][]=2014&c[year][]=2015 

DEMO on JSFiddle

---

：

var myParams = {c: {year: ["","2015","2016"]}}; 
var myParamsString = JSON.stringify(myParams); 
var myParamsSerial = $httpParamSerializerJQLike(myParamsSerial); 

myParamsSerialは空白として戻ってきます。何か案は？

は、オブジェクトを文字列化しないでください。

var myParams = {c: {year: ["","2015","2016"]}}; 
//DONT stringify 
//var myParamsString = JSON.stringify(myParams); 
//var myParamsSerial = $httpParamSerializerJQLike(myParamsSerial); 
//USE directly 
var myParamsSerial = $httpParamSerializerJQLike(myParams); 

のparamsシリアライザは、JavaScriptのオブジェクトではなく、JSON文字列をシリアル化します。

Answer 2

ご自分のサーバがあなたのGETのparamsにこのような何かを受信したい：

{c: {year: ["2015", "2016"]}}

だから、あなたはあなたの角度アプリから送信するデータは、まさにこの形式である必要があります。したがって、これは動作するはずです：

$http({method: 'GET', url: '/clients.json', params: {c: {year: ['2015', '2016']}}.success(function(data){ 
    //angular does something  
});