码迷,mamicode.com
首页 > Web开发 > 详细

在mvc4.0中使用json数据

时间:2014-06-06 20:22:22      阅读:332      评论:0      收藏:0      [点我收藏+]

标签: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中的代码:

bubuko.com,布布扣
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必须要开启否则会报错

        }
bubuko.com,布布扣

View中的代码:

bubuko.com,布布扣
<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>
bubuko.com,布布扣

 

在mvc4.0中使用json数据,布布扣,bubuko.com

在mvc4.0中使用json数据

标签:c   style   class   blog   code   java   

原文地址:http://www.cnblogs.com/jeemly/p/3766064.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!