zoukankan      html  css  js  c++  java
  • 常见问题一之拼接表格 js传递参数变量 Json接收值

    1.前台拼接表格时,有时候需要使用拼接html字符串,需要多次循环拼接的,放在方法里边:

    //ary可以是数组中的一组数据.
    function(ary)
    {
    var MyHtml="<tr>";
    MyHtml+="<td>" + ary.ID + "</td>";
    MyHtml+="<td>" + '<input type="radio" name="toggle" valuestr="'+ary.Name+'"/>' + "</td>";
    MyHtml="</tr>";
     }

    2.利用javascript和@url.action()传递参数变量。

     
    //url字符串
    var urlstr = '@Url.Action("Index", "Home")' + "?Id=" +id; //更改
    $(
    "#btnok").attr("href", urlstr);

    3.利用从json后台传送一个实体类到前台。

     public JsonResult JsonTest()
            {
    
    
                var Model = db.Model.First(x => true);
                //var Model = db.Model.Where(x => true).Take(1).ToList();
                //序列化对象
                string str = JsonConvert.SerializeObject(Model);
                return Json(str);
            }
           //前台接收
             $("#btnok2").click(function () {
               $.ajax({
                    type: "post",
                       url: "@Url.Action("JsonTest", "Home")",
                       data: { }, //传递json字符串  需要使用 JSON.stringify(ary)
                       cache: false,
                       dataType: "json",
                       success: function(data) {
                        var ary2 = JSON.parse(data);
                        alert(ary2.ID + "." + ary2 + "," + ary2.Name);
    
                        //alert(ary2[0].ID + "." + ary2 + "," + ary2[0].Name);
                    }
                })

    4.json传递数据方式二:传递一个List<JsonClass>。

             public JsonResult JsonTest2(int id)
            {
                string str = string.Empty;
                if (id == 1)
                {
                    JsonClass jsonClass = new JsonClass()
                    {
                        ID = 1,
                        Name = "xx",
                        Sex = ""
                    };
                    List<JsonClass> list = new List<JsonClass>();
                    list.Add(jsonClass);
                    list.Add(new JsonClass
                    {
                        ID = 2,
                        Name = "oo",
                        Sex = ""
                    });  
                    str = JsonConvert.SerializeObject(list);
                }
                return Json(str, JsonRequestBehavior.AllowGet);
            }
    //定义类别
     public class JsonClass
        {
            public int ID { get; set; }
            public string Name { get; set; }
    
            public string  Sex { get; set; }
        }

     5.接收前台传过来的Json字符串

            [HttpPost]
            public ActionResult Edit(string ary)
            {
                // ary = "[{"type":"0","Id":"3","serial":"2"},{"type":"0","Id":"2","serial":"1"}]";
                var emply = new { ID = 0, Name = string.Empty,Sex = string.Empty };          
                if (ary.Length>0)
                {
                    JArray jsonary = (JArray)JsonConvert.DeserializeObject(ary);
                    string str = string.Empty;
                    for(int i=0;i<jsonary.Count;i++)
                    {
                        JObject obj = (JObject)jsonary[i];
                        var array = JsonConvert.DeserializeAnonymousType(obj.ToString(), emply);
                        str += array.ID + array.Name + array.Sex;
    
                        //第二种接收值方式:
                        int Id;
                        string Name, Sex;
                        Id = Convert.ToInt32(obj["ID"].ToString());
                        Name = obj["Name"].ToString();
                        Sex = obj["Sex"].ToString();
                    }              
                }
                return RedirectToAction("Index");
            }
        }

     以上为平时遇到,或者遇到后又遗忘的一些些问题。备以记录,以供查询。

  • 相关阅读:
    带宽利用率提升50%,腾讯云联网架构方案解析
    重构实践:基于腾讯云Elasticsearch搭建QQ邮箱全文检索
    存算分离下写性能提升10倍以上,EMR Spark引擎是如何做到的?
    秒级去重:ClickHouse在腾讯海量游戏营销活动分析中的应用
    降本提效,贝壳搜索推荐架构统一之路
    亿级用户,腾讯看点信息流推荐系统的架构挑战
    优秀程序员,如何提高架构能力?
    如何创建体元栅格?
    导出属性表字段结构
    去除镶嵌数据集中影像的黑边或白边
  • 原文地址:https://www.cnblogs.com/jerque/p/8708959.html
Copyright © 2011-2022 走看看