1.创建jason,并JSON.stringify()将之转换为字符串。
直接使用var customer={}, 然后直接customer.属性就可以直接赋值了。
也可以var customer = { CustomerName: CustomerName, CustomerAddress: CustomerAddress } 这样创建,它会自动将:前面的CustomerName视作属性名并加上双引号,并将后面的CustomerName当作属性值,读取变量值后也加上双引号,当然,这不如上面的方式面向对象。
提交表单前,要使用JSON.stringify()方法将jason对象转换为字符串。
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebAppJason._Default" %> <head runat="server"> <title></title> <meta http-equiv="X-UA-Compatible" content="IE=9" /> <script type="text/javascript"> function abc() { var customer = {}; customer.CustomerName = document.getElementById("CustomerName").value; customer.CustomerAddress = document.getElementById("CustomerAddress").value; customer = JSON.stringify(customer); //alert(customer); document.getElementById("customer").value = customer; } </script> </head> <body> <form id="form1" runat="server" > <div> <input type="text" id="CustomerName" /> <input type="text" id="CustomerAddress" /> <input type="text" id="customer" runat="server" /> <input type="button" id="button1" value="button1" οnclick="abc()" /> <asp:Button ID="Button2" runat="server" οnclick="Button2_Click" Text="Button" /> <input type="text" id="CustomerName0" runat="server" /> <input type="text" id="CustomerAddress0" runat="server" /></div> </form> </body> </html>
2.在C#中,引用system.web.extension.dll,并using System.Web.Script.Serialization,然后直接用JavaScriptSerializer的Deserialize方法把字符串反序列化为Customer对象使用了,非常简单方便。
using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.Script.Serialization; namespace WebAppJason { public class Customer { public string CustomerName = ""; public string CustomerAddress = ""; } public partial class _Default : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { string custr = this.customer.Value; if (custr != null && custr.Length > 0) { JavaScriptSerializer jsc = new JavaScriptSerializer(); Customer c = jsc.Deserialize<Customer>(custr); this.CustomerName0.Value = c.CustomerName; this.CustomerAddress0.Value = c.CustomerAddress; } } } }
3.使用JSON.parse()将字符串转回jason
function abc() { var CustomerName = document.getElementById("CustomerName").value; var CustomerAddress = document.getElementById("CustomerAddress").value; var customer = {}; customer.CustomerName = CustomerName; customer.CustomerAddress = CustomerAddress; customer = JSON.stringify(customer); //alert(customer); var c2 = JSON.parse(customer); alert(c2.CustomerName + " " + c2.CustomerAddress); document.getElementById("customer").value = customer; }