在mvc4.0中使用json資料

標籤：c   style   class   blog   code   java   

今天接觸了mvc4.0項目，View中需要擷取從Control傳來的json資料。過程記錄如下：

在 MVC 返回的ActionResult中，為我們提供了JSONResult（繼承至ActionResult）對象，我們可以直接用他來返回JSON對象給View處理

 

將自訂的Model 執行個體傳給Json方法，它會自動根據我們Model 的屬性，遍曆屬性後產生JSON對象，返回View。然後就可以在前端使用JQ對JSON資料進行處理了

Control中的代碼：

public JsonResult search()        {            string name = Request.QueryString["name"]?? "";            var lists = new List<Maticsoft.Model.newslist>();//類型集合            newslistBLL bll = new newslistBLL();            lists = bll.GetModelList("name like ‘%"+name+"%‘");            JsonResult json = new JsonResult();            json.Data = lists;            return Json(json,JsonRequestBehavior.AllowGet);           //JsonRequestBehavior.AllowGet必須要開啟否則會報錯        }

View中的代碼：

<script type="text/javascript">    $(function () {        $("#cx").click(function () {            var name = $("#txtName").val();            $.getJSON("search",{ name:name }, function (data) {                                        var msg = "<tr><td>使用者名稱</td><td>頁面地址</td><td>圖片名稱</td></tr>";                        for (var i = 0, length = data.Data.length; i < length; i++) {                                                        msg += "<tr><td>"+data.Data[i].name+"</td><td>"+data.Data[i].url+"</td><td>"+data.Data[i].img+"</td></tr>";                        }                        $("#userlist").html(msg);                                });                  });    });</script> <table style="width: 100%;" id="userlist"></table>