有關於Javascript在JSON資料方面的實作
JSON是現代Open Data精神下，得以流通在HTTP協定下的產物，他強調資料的單純傳輸的概念下，讓宣告繁複的XML產生了極大的衝擊，有鑑於人老了每次要宣告比較複雜的JSON Object都會忘記的情況下，把一些資料整理在這邊日後好回憶。
利用Javascript宣告一個物件，並操作之：
//定義
var myCar = {
"Name": "BMW",
"Number": "GY-5978",
"Specification": [{
"model" : "A",
"length": 100,
"weight": 200
},{
"model" : "B",
"length": 300,
"weight": 400
}
]
};
//操作
myCar.name = "Mercedes Benz";
myCar.Specification[0].weight = 250;
myCar.Specification[1].length = 350;
操作完當然是用AJAX把他給POST出去了，如果你在jQuery中要AJAX直接把這個myCar物件帶進去POST，那麼jQuery會自動幫你轉成name=Mercedes%20Benz&Number=GY-5978...等資訊丟出去，這通常不會是我們要的，因此你需要調用JSON.stringify()來進行轉換嘍！這個動作在現代的程式語言中通常稱為「序列化」。
$(document).ready(function(){
$("#btnSubmit").click(function(){
$.ajax({
url: "http://your.url/",
type: "post",
contentType: "application/json", //注意！單靠這一行是不會幫你自動轉換JSON的
dataType: "json", //注意！單靠這一行也是不會幫你自動轉換JSON的
data: JSON.stringify(myCar), //注意！這一行直接帶myCar是不會幫你自動轉換JSON的
timeout: 3000, //等候3秒逾時
beforeSend: function () {
//送出前
},
success: function (oDataResponse) {
//成功
if (oDataResponse.length != 0) {
$(oDataResponse).each(function (i, v) {
//處理
});
}
},
error: function (xmlhttprequest, textstatus, message) {
//失敗
if (textstatus == "timeout") {
//逾時
} else {
//其他錯誤
}
}
});
});
});
值得一提的是，在success後傳回的data，如果你是使用jQuery的情況下，可以直接使用像data.success之類的方式來調用回傳資訊。如果你是屬於比較小心一點的使用者，那麼可以考慮使用JSON.parse()來驗證一下嘍！
下方式宣告一個單一陣列型的物件，經過JSON.parse()無誤後，開始使用的範例。
var pets = '[{"name":"jack"}, {"name":"john"}, {"name":"joe"}]';
var arr = JSON.parse(pets);
alert(arr[0].name);
那麼，在伺服器端如何取出，並將JSON字串轉回物件呢？
很簡單，先直接串流把資料讀進來後，請我們的好朋友JSON.NET來幫忙即可（在這裡沒有另外建立ORM，而是採用匿名型別來餵給JSON.NET）。
var oData = new {
Name = "",
Number = "",
Specification = new[] { new { model = "", length = -1, weight = -1 } }
};
try
{
using (System.IO.StreamReader oSR = new System.IO.StreamReader(Request.InputStream))
{
string cTemp = oSR.ReadToEnd();
Newtonsoft.Json.Linq.JObject.Parse(cTemp); //如果JSON驗證沒通過，會丟Exception錯誤
oData = Newtonsoft.Json.JsonConvert.DeserializeAnonymousType(cTemp, oData);
}
}
catch
{
//DoSomething...
}