c#和Javascript操作同一json對(duì)象的實(shí)現(xiàn)代碼
更新時(shí)間：2012年01月17日 00:19:58 作者：
剛開始學(xué)Javascript，接觸到j(luò)son對(duì)象，json可以看作是用于客戶端數(shù)據(jù)實(shí)體對(duì)象的載體。json對(duì)象一般都是通過ajax方式傳送給服務(wù)層
能否讓客戶端和服務(wù)端操作同一json對(duì)象呢？目前想到的方式是通過客戶端隱藏控件來實(shí)現(xiàn)。
以下是一個(gè)泛型列表對(duì)象 List<TrainingImplement> ，轉(zhuǎn)為json后，客戶端和服務(wù)端如何操作
1、json對(duì)象與C#泛型相互轉(zhuǎn)換代碼
//將json數(shù)據(jù)轉(zhuǎn)換為泛型
public static T ConvertByteDataToObject<T>(string byteData)
{
T obj;
using (var ms = new MemoryStream(Encoding.UTF8.GetBytes(byteData)))
{
var serializer = new DataContractJsonSerializer(typeof(T));
obj = (T)serializer.ReadObject(ms);
}
return obj;
}
//將泛型轉(zhuǎn)換為json
public static string ConvertObjectToByteData<T>(T obj)
{
string result;
using (var ms = new MemoryStream())
{
var serializer = new DataContractJsonSerializer(typeof(T));
serializer.WriteObject(ms, obj);
ms.Position = 0;
result = Encoding.UTF8.GetString(ms.ToArray());
}
return result;
}
2、json數(shù)據(jù)源存入在客戶端隱藏控件中
<input type="hidden" id="hideDataSource" runat="server" />
3、注意隱藏控件放json數(shù)據(jù)后，因?yàn)榘?/"，會(huì)使request請(qǐng)示發(fā)生錯(cuò)誤，所以頁頭請(qǐng)?jiān)O(shè)置ValidateRequest="false"
<%@ Page Language="C#" ValidateRequest="false" AutoEventWireup="true"
4、頁面加載Page_Load時(shí)，初始化json數(shù)據(jù)源
protected void Page_Load(object sender, EventArgs e)
{
#region 加載數(shù)據(jù)源
if (!IsPostBack)
{
List<TrainingImplement> list= new List<TrainingImplement> (){
new TrainingImplement (){
Code="aaa",
c_name ="bbb"
}
....
}//初始化數(shù)據(jù)源
hideDataSource.Value = ConvertObjectToByteData(list);
}
else
{
//如果是回傳，數(shù)據(jù)源從客戶端讀取
List<TrainingImplement> list = ConvertByteDataToObject<List<TrainingImplement>>(hideDataSource.Value);
hideDataSource.Value = ConvertObjectToByteData(list);
}
#endregion
4、客戶端js操作json數(shù)據(jù)源示例
<script type="text/javascript" src="../Scripts/jquery-1.4.3.js"></script>
<script type="text/javascript" src="../Scripts/jquery-ui-1.8.7.custom.min.js"></script>
<script type="text/javascript" src="../Scripts/jquery.json-2.2.min.js"></script>
<script type ="text/javascript" >
var DataSourceHidName = "hideDataSource";
var dataSourceDom;
var dataSourceJson;
$(document).ready
(function () {
//獲取數(shù)據(jù)源
dataSourceDom = document.getElementById(DataSourceHidName);
dataSourceJson = eval("(" + dataSourceDom.value + ")");
});
//修改第1個(gè)TrainingImplement對(duì)象的Code值示例方法
function ModifiedCode() {
dataSourceJson[0]._code = "Code001";
//將更新值后的json對(duì)象重新寫入隱藏控件中
dataSourceDom.value = $.toJSON(dataSourceJson);
}
</script>
5、服務(wù)端C#操作Json數(shù)據(jù)源
List<TrainingImplement> list = ConvertByteDataToObject<List<TrainingImplement>>(hideDataSource.Value);
以下是一個(gè)泛型列表對(duì)象 List<TrainingImplement> ，轉(zhuǎn)為json后，客戶端和服務(wù)端如何操作
1、json對(duì)象與C#泛型相互轉(zhuǎn)換代碼
復(fù)制代碼 代碼如下:
//將json數(shù)據(jù)轉(zhuǎn)換為泛型
public static T ConvertByteDataToObject<T>(string byteData)
{
T obj;
using (var ms = new MemoryStream(Encoding.UTF8.GetBytes(byteData)))
{
var serializer = new DataContractJsonSerializer(typeof(T));
obj = (T)serializer.ReadObject(ms);
}
return obj;
}
//將泛型轉(zhuǎn)換為json
public static string ConvertObjectToByteData<T>(T obj)
{
string result;
using (var ms = new MemoryStream())
{
var serializer = new DataContractJsonSerializer(typeof(T));
serializer.WriteObject(ms, obj);
ms.Position = 0;
result = Encoding.UTF8.GetString(ms.ToArray());
}
return result;
}
2、json數(shù)據(jù)源存入在客戶端隱藏控件中
復(fù)制代碼 代碼如下:
<input type="hidden" id="hideDataSource" runat="server" />
3、注意隱藏控件放json數(shù)據(jù)后，因?yàn)榘?/"，會(huì)使request請(qǐng)示發(fā)生錯(cuò)誤，所以頁頭請(qǐng)?jiān)O(shè)置ValidateRequest="false"
復(fù)制代碼 代碼如下:
<%@ Page Language="C#" ValidateRequest="false" AutoEventWireup="true"
4、頁面加載Page_Load時(shí)，初始化json數(shù)據(jù)源
復(fù)制代碼 代碼如下:
protected void Page_Load(object sender, EventArgs e)
{
#region 加載數(shù)據(jù)源
if (!IsPostBack)
{
List<TrainingImplement> list= new List<TrainingImplement> (){
new TrainingImplement (){
Code="aaa",
c_name ="bbb"
}
....
}//初始化數(shù)據(jù)源
hideDataSource.Value = ConvertObjectToByteData(list);
}
else
{
//如果是回傳，數(shù)據(jù)源從客戶端讀取
List<TrainingImplement> list = ConvertByteDataToObject<List<TrainingImplement>>(hideDataSource.Value);
hideDataSource.Value = ConvertObjectToByteData(list);
}
#endregion
4、客戶端js操作json數(shù)據(jù)源示例
復(fù)制代碼 代碼如下:
<script type="text/javascript" src="../Scripts/jquery-1.4.3.js"></script>
<script type="text/javascript" src="../Scripts/jquery-ui-1.8.7.custom.min.js"></script>
<script type="text/javascript" src="../Scripts/jquery.json-2.2.min.js"></script>
<script type ="text/javascript" >
var DataSourceHidName = "hideDataSource";
var dataSourceDom;
var dataSourceJson;
$(document).ready
(function () {
//獲取數(shù)據(jù)源
dataSourceDom = document.getElementById(DataSourceHidName);
dataSourceJson = eval("(" + dataSourceDom.value + ")");
});
//修改第1個(gè)TrainingImplement對(duì)象的Code值示例方法
function ModifiedCode() {
dataSourceJson[0]._code = "Code001";
//將更新值后的json對(duì)象重新寫入隱藏控件中
dataSourceDom.value = $.toJSON(dataSourceJson);
}
</script>
5、服務(wù)端C#操作Json數(shù)據(jù)源
復(fù)制代碼 代碼如下:
List<TrainingImplement> list = ConvertByteDataToObject<List<TrainingImplement>>(hideDataSource.Value);
您可能感興趣的文章:
- C#編程實(shí)現(xiàn)對(duì)象與JSON串互相轉(zhuǎn)換實(shí)例分析
- C#實(shí)現(xiàn)json格式轉(zhuǎn)換成對(duì)象并更換key的方法
- C#中的DataSet、string、DataTable、對(duì)象轉(zhuǎn)換成Json的實(shí)現(xiàn)代碼
- 自定義實(shí)現(xiàn)Json字符串向C#對(duì)象轉(zhuǎn)變的方法
- C#中把Datatable轉(zhuǎn)換為Json的5個(gè)代碼實(shí)例
- C# XML與Json之間相互轉(zhuǎn)換實(shí)例詳解
- C#實(shí)現(xiàn)將json轉(zhuǎn)換為DataTable的方法
- C#實(shí)現(xiàn)Json轉(zhuǎn)Unicode的方法
- c#擴(kuò)展datatable轉(zhuǎn)json示例
- C# JSON格式化轉(zhuǎn)換輔助類 ConvertJson
- C#實(shí)現(xiàn)DataTable,List和Json轉(zhuǎn)換的方法
- C#實(shí)現(xiàn)JSON和對(duì)象之間互相轉(zhuǎn)換功能示例
相關(guān)文章
javascript實(shí)現(xiàn)點(diǎn)擊按鈕讓DIV層彈性移動(dòng)的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)點(diǎn)擊按鈕讓DIV層彈性移動(dòng)的方法,實(shí)例分析了javascript操作div層的操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02
這篇文章主要介紹了element-ui上傳一張圖片后隱藏上傳按鈕功能，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下2019-05-05
JavaScript是單線程的腳本語言,所以代碼在執(zhí)行的時(shí)候,只有一個(gè)主線程來執(zhí)行所有的任務(wù),同一個(gè)時(shí)間只能做同一件事情。本文就為大家詳細(xì)講解一下它的件循環(huán)機(jī)制，需要的可以參考一下2022-04-04
這篇文章主要為大家介紹了alert和confirm的功能,需要的朋友可以參考下2014-05-05
本文給大家介紹了JavaScript中的類型檢查的一些知識(shí)點(diǎn),整理的非常詳細(xì),推薦給大家,希望對(duì)大家學(xué)習(xí)JavaScript能夠所幫助2020-02-02
這篇文章是集合了Javascript所有表單驗(yàn)證方法，非常全面，感興趣的小伙伴們可以參考一下2015-09-09
這篇文章主要介紹了小程序Request的另類用法詳解,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-08-08
js es6系列教程 - 新的類語法實(shí)戰(zhàn)選項(xiàng)卡(詳解)
下面小編就為大家?guī)硪黄猨s es6系列教程 - 新的類語法實(shí)戰(zhàn)選項(xiàng)卡(詳解)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-09-09
深入探究使JavaScript動(dòng)畫流暢的一些方法
這篇文章主要介紹了使JavaScript動(dòng)畫流暢的一些方法,包括與CSS動(dòng)畫效果的一些對(duì)比,需要的朋友可以參考下2015-06-06
Json字符串轉(zhuǎn)換為JS對(duì)象的高效方法實(shí)例
一般JSON字符串轉(zhuǎn)換為JS對(duì)象，都使用var jsonStr="{a:1}";var jsonObj = eval("("+jsonStr+")");2013-05-05