善用JavaScriptSerializer處理JSON資料

MVC開發常透過jQuery傳值，前陣子發現System.Web.Extensions提供一款好用的System.Web.Script.Serialization.JavaScriptSerializer，前端傳來的JSON資料只要下個簡單的JavaScriptSerializer，就能輕易將資料由JSON formate還原為想要的格式呢！

前幾天看到同事傳遞ListBox所有option到後端，方法是自組html string，後端接收到再反向重組成其他格式（例如SelectListItem），前後端都要大費不少行數去轉換資料～
後來piggy改採JavaScriptSerializer，輕輕鬆鬆就達到相同效果！寫法如下：


1.前端將ListBox內所有option組成JSON formate data
data以javascript的Array組合
function OK() {
var result = new Array();
$("#myListBox1 option").each(function () {
var item = {
Value: $(this).val(),
Text: $(this).text()
};
result.push(item);
});
var json = JSON.stringify(result);
$.ajax({
url: '@Url.Action("MyAction")',
type: 'POST',
data: { json: json }
});
}

2.後端接收資料以JavaScriptSerializer處理
public void MyAction(string json)
{
JavaScriptSerializer jss = new JavaScriptSerializer();
List< selectlistitem> myList = new List< selectlistitem>();
myList = jss.Deserialize< List< selectlistitem>>(json);
}