zoukankan      html  css  js  c++  java
  • mvc使用JsonResult返回Json数据

    controller 中定义以下方法:

    Html代码 
    1. public JsonResult UpdateSingle(int id, string actionName, string actionValue)  
    2.        {  
    3.            var res = new JsonResult();  
    4.            //var value = "actionValue";  
    5.            //db.ContextOptions.ProxyCreationEnabled = false;  
    6.            var list = (from a in db.Articles  
    7.                        select new  
    8.                        {  
    9.                            name = a.ArtTitle,  
    10.                            yy = a.ArtPublishTime  
    11.                        }).Take(5);  
    12.            //记得这里要select new 否则会报错:序列化类型 System.Data.Entity.DynamicProxies XXXXX 的对象时检测到循环引用。  
    13.            //不select new 也行的加上这句 //db.ContextOptions.ProxyCreationEnabled = false;  
    14.            res.Data = list;//返回列表  
    15.   
    16.            var name = "小华";  
    17.            var age = "12";  
    18.            var name1 = "小华";  
    19.            var age1 = "12";  
    20.            res.Data = new object[] { new { name, age }, new { name1, age1 } };//返回一个自定义的object数组  
    21.   
    22.            var person = new { Name = "小明"Age = 22Sex = "男" };  
    23.            res.Data = person;//返回单个对象;  
    24.   
    25.            res.Data = "这是个字符串";//返回一个字符串,意义不大;  
    26.   
    27.            res.JsonRequestBehavior = JsonRequestBehavior.AllowGet;//允许使用GET方式获取,否则用GET获取是会报错。  
    28.            return res;  
    29.        }  

    页面调用:

    Html代码 
    1. <a href="javascript:void(0);" onclick="javascript:upclick(this);">Click Me</a>  
    2. <script type="text/javascript">  
    3.     function upclick(o) {  
    4.         var obj = $(o);  
    5.         alert(obj);  
    6.         $.ajax({          
    7.             url: "/Articles/UpdateSingle?ran=" + Math.random(),  
    8.             type: "GET",  
    9.             dataType: "json",  
    10.             data: { id: obj.attr("id"), actionName: obj.attr("actionName"), actionValue: obj.attr("actionValue") },  
    11.             success: function (data) {  
    12. //                if (data.result == "True") {  
    13. //                    alert("修改成功!");  
    14. //                }  
    15. //                if (obj.attr("actionName") == "ArtVerify") {  
    16.   
    17. //                }  
    18.                 $(o).html(data[0].name);  
    19.                 obj.attr("actionValue", data[0].result);  
    20.             }  
    21.         })  
    22.     }  
    23. </script>  

    以上是在mvc中使用,在webform中怎么使用呢?
    在webform中要引用Newtonsoft.Json.dll;
    当然你也可以自己拼接字符串。

    Csharp代码 
    1. protected void Page_Load(object sender, EventArgs e)  
    2.         {  
    3.             var customer = new customer { name = "李华", sex = "男" };  
    4.             var customer1 = new customer { name = "小芳", sex = "女" };  
    5.             var li = new List<customer>();  
    6.             li.Add(customer);  
    7.             li.Add(customer1);  
    8.             var list = Newtonsoft.Json.JavaScriptConvert.SerializeObject(li);  
    9.             var tt = "[{"name":"李华","sex":"男"},{"name":"小芳","sex":"女"}]";  
    10.             //new Newtonsoft.Json.JsonSerializer()..(customer);  
    11.             Response.Write(tt);  
    12.             Response.End();  
    13.         }  
    14.   
    15.         public class customer  
    16.         {  
    17.             public string name { getset; }  
    18.             public string sex { getset; }  
    19.         }  

    页面方法:

    Html代码 
    1. <p>  
    2.         <a href="javascript:void(0)" onclick="javascript:getJsonData();">GetJsonData</a>  
    3.     </p>  
    4.     <div id="dataDiv">  
    5.         ggg  
    6.     </div>  
    7.     <script type="text/javascript">  
    8.         function getJsonData() {  
    9.             var str = "";  
    10.             $.getJSON("/Json.aspx", function (data) {  
    11.                 var tt = "";  
    12.                 $.each(data, function (k, v) {  
    13.                     $.each(v, function (kk, vv) {  
    14.                         tt += kk + ":" + vv + "<br/>";  
    15.                     });  
    16.                 });  
    17.                 $("#dataDiv").html(tt);  
    18.             });  
    19.         }  
    20.     </script>  

    显示结果:

    学习交流群:63181865,欢迎加入一起学习。
    JSON数据的格式及构建

  • 相关阅读:
    Help-Web应用-.Net-Razor界面-入门-添加模型:在 ASP.NET Core 中向 Razor Pages 应用添加模型
    Help-Web应用-.Net-Razor界面-入门-教程:开始使用ASP.NET Core中的Razor Pages
    Help-Web应用-.Net-Razor界面-概述-教程:使用 ASP.NET Core 创建 Razor 页面 Web 应用
    白菜:奶白菜
    白菜:油白菜
    shell中&&和||的使用方法
    ISCSI测试
    iscsi共享分区测试
    RHEL7-openldap安装配置三(客户端自动挂载配置)
    redis配置笔记
  • 原文地址:https://www.cnblogs.com/Leo_wl/p/3275364.html
Copyright © 2011-2022 走看看