Posts

Showing posts from January, 2017

[ASP.NET MVC] jquery 常見問題整理

Image
筆記動機: 
公司要開發一堆給客戶用的網路服務,由於IT部門預算很緊 那有一天不緊的,
一向負責寫RESTFUL後端商業流程的小弟終於還是要面對程序猿最害怕的使用者界面部分。
初步想法是把後端Restful API處理完的資料變成Json,再透過Viewbag把資料顯示在View上,所以最後變成以下塔配:

後端商業邏輯:Restful API網站: ASP.NET MVC、Newton.Json前端: jquery + json資料 由於小弟jquery是lv 1,所以一定要筆記一下不然很快會忘記
內容: 如何把data變成Json?
可以利用System.Web.Sript.Serialization的JavaSceiptSerializer() 或者Newtonsoft的JsonConvert.SerializaObject()
returnnewJavaScriptSerializer().Serialize(data);
View收到Json的ViewBag後怎樣可以讓jquery存取? 利用@Html.Raw(@ViewBag) 先將ViewBag轉回Json,例如我要把回傳回來的user profile轉回成JSONvar data = @Html.Raw(ViewBag.userprofile); 回傳回來的Json raw data 怎樣轉成人看的資料?
先在打算顯示資料的地方寫一個具有Id的 <div>,例如
<divid="appendUserProfile"></div> 然後在<script> 中加入.each迴圈把json每個item取出來
var data =@Html.Raw(ViewBag.userprofile); $(document).ready( function () { $.each(data, function (key, value) { $('#appendUserProfile').append('<tr><th>'+key+'</th><th>'+value+…