從json字符串傳遞複雜的javascript對象配置（數據和函數）

我有一個JavaScript裏面有一堆參數和函數。從json字符串傳遞複雜的javascript對象配置（數據和函數）

ctrl.kendoGrid({ 
dataSource: { 
    type: "odata", 
    transport: { 
     read: { 
      url: "odata/CodeView", 
      dataType: "json", 
      contentType: "application/json" 
     }, 
     update: { 
      url: function (data) { 
       return "api/CodeMapUpdate/" + data.CODE_MAP_ID; 
      }, 
      dataType: "json", 
      type: "post", 
      complete: function (e) { 
       ctrl.data("kendoGrid").dataSource.read(); 
       if (e.status == 201) { 
        logger.log("Record Updated: Record ID = " + e.responseJSON, null, null, true); 
       } else { 
        logger.logError(" Save failed " + e.responseJSON.ExceptionMessage, null, null, true); 
       } 

      } 
     }, 
     destroy: { 
      url: function (data) { 
       return "api/CodeMapDelete/" + data.CODE_MAP_ID; 
      }, 
      dataType: "json", 
      complete: function() { 
       ctrl.data("kendoGrid").dataSource.read(); 
      } 
     }, 
     create: { 
      url: "api/CodeMapCreate", 
      dataType: "json", 
      complete: function (e) { 
       ctrl.data("kendoGrid").dataSource.sort({ 
        field: "CODE_MAP_ID", 
        dir: "desc" 
       }); 
       ctrl.data("kendoGrid").dataSource.filter({}); 
       if (e.status == 201) { 
        logger.log("Record Created: Record ID = " + e.responseJSON, null, null, true); 
       } else { 
        logger.logError(" Save failed " + e.responseJSON.ExceptionMessage, null, null, true); 
       } 

      } 
     }, 
    }, 
    schema: { 
     data: function (data) { 
      return data.value; 
     }, 
     total: function (data) { 
      return data["odata.count"]; 

     }, 
     model: { 
      id: "CODE_MAP_ID", 
      fields: { 
       CODE_MAP_ID: { 
        editable: false, 
        type: "number" 
       }, 
       CODE_NAME: { 
        type: "string", 
        validation: { 
         title: "Required Field", 
         required: true 
        } 
       }, 
       L_NAME: { 
        type: "string", 
        validation: { 
         required: true 
        } 
       }, 
       CODE_DATE: { 
        field: "CODE_DATE", 
        type: "date", 
        format: "{0:MM/dd/yyyy}", 
        validation: { 
         required: true 
        } 
       }, 
      } 
     } 
    }, 
    change: function() { 

    }, 
    //batch: true, 
    pageSize: 20, 
    serverPaging: true, 
    serverFiltering: true, 
    serverSorting: true, 
    sort: { 
     field: "CODE_MAP_ID", 
     dir: "desc" 
    } 
    //autoSync: true 
} })

我想將整個「dataSource」對象保存爲一個變量，並在運行時用ajax檢索它。
我能夠用eval（「（」+ dataSource +「）」）做到這一點，但任何包含的函數不再執行。

任何想法的存儲/檢索這種類型的對象/從JSON的戰略？

來源

2013-07-02 LastTribunal

Function.prototype.toJSON = Function.toString; ，使用regexp驗證parse（）。 – dandavis

請你詳細說明一下，也許一些樣品代碼 – LastTribunal

這裏是如何使用第二個參數去JSON.parse恢復存儲功能的一個簡單的演示：

var ob={a:1, b:false, c: function(a){ return a * a;} };//a sample object 

Function.prototype.toJSON=Function.toString; //extend JSON to cover Functions 

var str=JSON.stringify(ob, null, "\t"); //turn sample object into a string: 
/* str =={ 
    "a": 1, 
    "b": false, 
    "c": "function (a){return a*a;}" 
} */ 


//now turn the string back into an object, using a reviver to re-parse methods: 
var ob2=JSON.parse(str, function(a,b){ 
    if(b.match && b.match(/^function[\w\W]+\}$/)){ b=eval("b=0||"+b); } 
    return b; 
}); 


var n=5; //let's try the method using a number 
var n2=ob2.c(5); //apply the method to the number 
alert(n2); // shows: 25, the number times itself, verifying that the function works

你可能想成爲痘痘嚴格，將你送什麼給eval，也許使用除了匹配看起來像函數的屬性之外的關鍵模式。你可以加強正則表達式來加強一點，但是對於JSON.parse（）參數的這個快速演示，它一切正常。

在這種情況下，由於您正在收集JSON的屬性，因此不會遇到eval（）使用可能會促成的安全問題。這些問題源於將一個用戶的輸入發送給另一個用戶而不進行過濾，而不是當您上一次生成的客戶端自己的代碼跳轉時啓動代碼...

來源

2013-07-03 16:09:04 dandavis

非常感謝丹。 – LastTribunal

從json字符串傳遞複雜的javascript對象配置（數據和函數）

回答

相關問題