JSON綁定到Javascript對象

所有，我看到很多關於如何在SO中解析json到js對象（或將json轉換爲js對象）的示例。但是我沒有看到一個將json綁定到已經定義好的js對象的例子。現在，當我嘗試製作它時，我遇到了一些麻煩。請幫助我查看它。謝謝。JSON綁定到Javascript對象

我做了什麼至今看起來象下面這樣：

top=function() 
{ 
    this.encoding =''; 
    this.nodes=[]; 
    this.lastid=''; 
    //I don't how to defined the attributes key in json which is a object. 
    //I think there should exist a parse and toJson function; 
    //this.parse= function(jsonstring){...}; 
    //this.toJson=function(){var jsonstr=....;return jsonstr;}; 
}; 

group=functon() 
{ 
    this.id=''; 
    this.type=''; 
    this.subnodes=[]; 
    this.tagname=''; 
    //.... 
}

top是其中包含的block不確定的數字是自包含對象的根。

和Json由Jackson生成，如下所示。

{ 
"nodes": [ 
    { 
     "type": "group", 
     "id": 11, 
     "tagName": "blockrow", 
     "prefix": "aa", 
     "cutomTag": null, 
     "attributes": { 
      "width": "12" 
      //...more 
     }, 
     "subNodes": [ 
      { 
       "type": "group", 
       "id": 111, 
       "tagName": "blockcol", 
       "prefix": "aa", 
       "cutomTag": null, 
       "attributes": { 
        "width": "4" 
       }, 
       "subNodes": [ 
        { 
         "type": "group", 
         "id": 1111, 
         "tagName": "section", 
         "prefix": "aa", 
         "cutomTag": null, 
         "attributes": { 
          "title": "NewSection", 
          "width": "12" 
         }, 
         "subNodes": [ 
          { 
           "type": "leaf", 
           "id": 11111, 
           "tagName": "message", 
           "prefix": "aa", 
           "cutomTag": null, 
           "attributes": { 
            "key": "aa_login_success" 
           } 
          } 
         ] 
        } 
       ] 
      }, 
      { 
       "type": "group", 
       "id": 112, 
       "tagName": "blockcol", 
       "prefix": "aa", 
       "cutomTag": null, 
       "attributes": { 
        "width": "4" 
       }, 
       "subNodes": [ 
        { 
         "type": "group", 
         "id": 1121, 
         "tagName": "section", 
         "prefix": "aa", 
         "cutomTag": null, 
         "attributes": { 
          "title": "NewSection", 
          "width": "12" 
         }, 
         "subNodes": [ 
          { 
           "type": "leaf", 
           "id": 11211, 
           "tagName": "message", 
           "prefix": "aa", 
           "cutomTag": { 
            "type": "cutomTag", 
            "beginPos": 20, 
            "endPos": 50, 
            "id": -1 
           }, 
           "attributes": { 
            "key": "aa_login_failed" 
           } 
          } 
         ] 
        } 
       ] 
      }, 
      { 
       "type": "group", 
       "id": 113, 
       "tagName": "blockcol", 
       "prefix": "aa", 
       "cutomTag": null, 
       "attributes": { 
        "width": "4" 
       }, 
       "subNodes": null 
      } 
     ] 
    }, 
    { 
     "type": "group", 
     "id": 12, 
     "tagName": "blockrow", 
     "prefix": "aa", 
     "cutomTag": null, 
     "attributes": { 
      "width": "12" 
     }, 
     "subNodes": [ 
      { 
       "type": "group", 
       "id": 121, 
       "tagName": "blockcol", 
       "prefix": "aa", 
       "cutomTag": null, 
       "attributes": { 
        "width": "6" 
       }, 
       "subNodes": null 
      }, 
      { 
       "type": "group", 
       "id": 122, 
       "tagName": "blockcol", 
       "prefix": "aa", 
       "cutomTag": null, 
       "attributes": { 
        "width": "6" 
       }, 
       "subNodes": null 
      } 
     ] 
    } 
], 
"version": 1, 
"encoding": "unicode", 
"lastId": 1

}

樣的代碼，我想象會看起來象下面這樣：

var curTop= new top(); 
curTop.parse(jsonstring); 
//manipulate the curTop object... 
//... 
var jsonStr=curTop.toJson(); 
//convert object to json.

我希望我的方向迄今爲止要解決的問題是正確的，如果這是不對的，我希望你給我一些好評。

來源

2013-03-22 Joe.wang

你應該在原型定義功能：

top.prototype.parse= function(jsonstring){...};

這樣，他們中共享。您可以通過this.variable語法訪問當前實例的成員。

有關原型是如何工作的，你可以檢查出更多信息：https://stackoverflow.com/a/4778408/390330

你完整的功能將類似於：

top.prototype.parse= function(jsonstring){ 
    var data = JSON.parse(json_string); 
    this.encoding = data.encoding; 
    // etc. 
};

來源

2013-03-22 05:50:48 basarat

嗨，@Basarat，我可以這樣定義它嗎？'this.parse = function（jsonstring）{...};'謝謝。 – 2013-03-22 05:52:39

這樣您將擁有每個實例的功能（對內存不好）。更何況你不能創建一個繼承鏈。 – basarat 2013-03-22 05:54:34

好的，我明白了。謝謝。 – 2013-03-22 05:56:30

試試這個代碼..

var arr_from_json = JSON.parse(json_string);

來源

2013-03-22 05:53:46 Dineshkumar

試試這個one ..這是將字符串轉換爲對象的一種方法..

var response = eval('(' + data + ')');

來源

2013-03-22 05:56:53 tamilmani

JSON綁定到Javascript對象

回答

相關問題