JSONオブジェクトをネストされたフォームフィールドに変換しますか？

Question

JSONオブジェクトをネストされたフォームフィールドに変換するには、誰かが良い方法を知っています。例えば

：JSONオブジェクト考える：

{'a':{'b':{'c':'1200'}}}, 'z':'foo', 'bar':{'baz':'1', 'id':2}} 

を私が取得する必要があります。

{'a[b][c]':'1200', 'z':'foo', 'bar[baz]':'1', 'bar[id]':2}; 

任意のアイデア？

私は現在jqueryを使用していますが、このようなものが既に存在していると感じています。単にクレイジーアルゴリズムで自分自身をロールバックすることはできますが、実績のある実績を使っています。

Answer 1

あなたはあなたがしたいと言っていることをなぜ望んでいるのかわからないし、私たちはすべて私たちを埋めることを望むが、このコードはそれを微調整するのに十分近い）some code of mine that I use to find differences in JavaScript object graphsに基づいています。ここでは

function doStrangeThing(obj) { 
    var propertyChanges = []; 
    var objectGraphPath = []; 
    (function(obj, refObj) { 
     if (obj.constructor == Object || (obj.constructor != Number && 
      obj.constructor != String && obj.constructor != Date && obj.constructor != Boolean && 
      obj.constructor != RegExp && obj.constructor != Function)) { 
      for (var property in obj) { 
       objectGraphPath.push((objectGraphPath.length > 0) ? "[" + property + "]" : property); 
       if (obj[property].constructor != Function) { 
        if (!refObj[property]) refObj[property] = {}; 
        arguments.callee(obj[property], refObj[property]); 
       } 
       objectGraphPath.pop(); 
      } 
     } else if (obj.constructor != Function) { 
      if (obj != refObj) { 
       propertyChanges.push("\"" + objectGraphPath.join("") + "\":\"" + obj.toString() + "\""); 
      } 
     } 
    })(obj, {}); 
    return "{" + propertyChanges.join(",") + "}"; 
} 

は、私はそれをテストするためにやったことです：

この値になり

doStrangeThing({'a':{'b':{'c':'1200'}}, 'z':'foo', 'bar':{'baz':'1', 'id':2}}); 

：

{"a[b][c]":"1200","z":"foo","bar[baz]":"1","bar[id]":"2"} 

いくつかの方法であなたに便利です

希望...

Answer 2

obj = {'a':{'b':{'c':'1200'}}}, 'z':'foo', 'bar':{'baz':'1', 'id':2}} 

が

{['a']['b']['c']:'1200', ['z']:'foo', ['bar']['baz']:'1', ['bar']['id']:2} 

に内部的に同等であるが、これはもうJSONオブジェクトではありませんのでご注意ください。

あなたは既にこのように最初のオブジェクトのプロパティを参照できます。

var z = obj['a']['b']['c'] // 1200 

は、それはあなたのニーズには十分ですか？本当にプロパティ名を変数に変換したいですか？

Answer 3

実際には、入れ子になったJSONオブジェクトを取得してHTTP POST文字列に変換する関数をお勧めします。 jQueryは、HTTPパラメータを必要とするすべての引数に対してこれを受け入れます。

私が書かれており、いくつかの生産のアプリ（ご自身の責任で使用）で、以下の機能を使用していた

：

$.httpSerialize = function(items, parentName) { 
    var serializedItems = [], serialize = arguments.callee, encodeItem =  function(key, value) { 
     if (value === null || typeof value == 'undefined') return value; 
     if (value.constructor == Array) {return serialize(value, key);} 
     return (value.constructor == Object) 
      ? serialize(value, key) 
      : (value === true || value === false) 
       ? key+"="+new Number(value) 
       : key+"="+encodeURIComponent(value); 
    }; 

    if (items.constructor == Array) { 
     parentName = parentName || 'item'; 
     for (var i = 0; i < items.length; i++) { 
      var key = parentName+'['+i+']', value = items[i]; 
      serializedItems.push(encodeItem(key, value)); 
     } 
    } else { 
     parentName = parentName || ''; 
     for (var key in items) { 
      var value = items[key]; 
      if (parentName) { 
       serializedItems.push(encodeItem(parentName+'['+encodeURIComponent(key)+']', value)); 
      } else { 
       serializedItems.push(encodeItem(encodeURIComponent(key), value)); 
      } 
     } 
    } 
    return serializedItems.join("&"); 
};