序列化JavaScript对象和反序列化

Question

我的JavaScript的getter setter方法类

function UserContext() { 
    var category_id; 
    var biller_id; 

    this.get_category_id = function() { 
     return category_id; 
    } 
    this.set_category_id = function (value) { 
     category_id = value; 
    } 

    this.get_biller_id = function() { 
     return biller_id; 
    } 
    this.set_biller_id = function (value) { 
     biller_id = value; 
    } 
} 

我在jquery click事件创建该类的对象

var contextObj = new UserContext(); 
contextObj.set_category_id('SOME VALUE'); 
contextObj.set_biller_id('65'); 

我也有类似的类在C＃

public class CustomerDTO 
{ 
    public string category_id { get; set; } 
    public string biller_id{ get; set; } 
} 

和一个asp:hidden元件

<asp:HiddenField ID="hdnValue" ClientIDMode="Static" runat="server" /> 

我想通过序列化实现

1. 分配contextObj到asp:hidden元素（可以是JSON格式）什么
2. 在后面的代码得到这个对象desrailize它并分配值的相应的c＃类，即CustomerDTO
3. 因此，我可以通过所有页面访问所有这些值请求（通过在Server.Transfer请求中传递此对象）

要序列化对象我想这

console.log(JSON.stringify(contextObj)); 

但不打印输出。我希望打印值，以便我可以分配给隐藏变量

Answer 1

您的语法错误。问题是你的变量是私人的，他们不会被stringify（）函数访问。事实上，如果你试图直接访问一个私有变量，你会得到'未定义'。

序列化仅适用于公共成员，这是有道理的，因为私有变量不可访问。

这应该（只要你使用this.category_id =值）的工作作为一个快速黑客攻击，但它使你的变量公开，所以它破坏了封装这是不好：

function UserContext() { 
 
    this.category_id; 
 
    this.biller_id; 
 

 
    this.get_category_id = function() { 
 
    return this.category_id; 
 
    } 
 
    this.set_category_id = function(value) { 
 
    this.category_id = value; 
 
    } 
 

 
    this.get_biller_id = function() { 
 
    return this.biller_id; 
 
    } 
 
    this.set_biller_id = function(value) { 
 
    this.biller_id = value; 
 
    } 
 
} 
 

 
var contextObj = new UserContext(); 
 
contextObj.set_category_id('SOME VALUE'); 
 
contextObj.set_biller_id('65'); 
 

 
alert(JSON.stringify(contextObj));

更好的方法是保持category_id和biller_id真正私有，并且仍然能够序列化你的对象。你CON做到这一点通过实现你的对象的toJSON（）方法，并指定明确要序列什么：

function UserContext() { 
 
    var category_id; 
 
    var biller_id; 
 

 
    this.get_category_id = function() { 
 
    return category_id; 
 
    } 
 
    this.set_category_id = function(value) { 
 
    category_id = value; 
 
    } 
 

 
    this.get_biller_id = function() { 
 
    return biller_id; 
 
    } 
 
    this.set_biller_id = function(value) { 
 
    biller_id = value; 
 
    } 
 
    
 
    this.toJSON = function() { 
 
     return { 
 
      "category_id": category_id, 
 
      "biller_id": biller_id 
 
     }; 
 
    }; 
 
} 
 

 
var contextObj = new UserContext(); 
 
contextObj.set_category_id('SOME VALUE'); 
 
contextObj.set_biller_id('65'); 
 

 
alert(JSON.stringify(contextObj));

其结果是，你的变量，只有通过你的getter和setter方法访问，你也可以使用您的私人成员序列化您的对象！我会称这是一个双赢的局面！

Answer 2

Javascript串行器不像C＃那样使用setter和getter。 为了让你的属性得到转换，他们需要暴露并设置到你的课堂上。

function UserContext() { 
    this.category_id = null; 
    this.biller_id = null; 

    this.get_category_id = function() { 
     return category_id; 
    } 
    this.set_category_id = function (value) { 
     category_id = value; 
    } 

    this.get_biller_id = function() { 
     return biller_id; 
    } 
    this.set_biller_id = function (value) { 
     biller_id = value; 
    } 
} 

，那么它应该正确地将属性添加到您的JSON：

var contextObj = new UserContext(); 
console.log(JSON.stringify(contextObj)); 

Answer 3

你的代码更改为：

function UserContext() { 
    var category_id; 
    var biller_id; 

    this.get_category_id = function() { 
     return this.category_id; 
    } 
    this.set_category_id = function (value) { 
     this.category_id = value; 
    } 

    this.get_biller_id = function() { 
     return this.biller_id; 
    } 
    this.set_biller_id = function (value) { 
     this.biller_id = value; 
    } 
    } 

不要这样做，因为其他建议：

this.category_id = ""; 
    this.biller_id = ""; 

这些意味着是私人的。保持他们那样。

Answer 4

I think this way of function definition looks fine 
function UserContext() { 
    var category_id = ""; 
    var biller_id = ""; 

    this.get_category_id = function() { 
    return this.category_id; 
    } 
    this.set_category_id = function(value) { 
    this.category_id = value; 
    } 

    this.get_biller_id = function() { 
    return this.biller_id; 
    } 

alert(JSON.stringify(contextObj));//now check in alert for out put 
    this.set_biller_id = function(value) { 
    this.biller_id = value; 
    } 
} 


var contextObj = new UserContext(); 
contextObj.set_category_id('Delhi'); 
contextObj.set_biller_id('43');