• 将table中的值转换成json格式传到后台接收处理。


    table数据

    <table style="border:1px" id="tableID">
            <tr>
                <th>编号</th>
                <th>姓名</th>
                <th>年龄</th>
                <th>性别</th>
            </tr>
            <tr>
                <td>1</td>
                <td>张三</td>
                <td>16</td>
                <td>男</td>
            </tr>
            <tr>
                <td>2</td>
                <td>李四</td>
                <td>18</td>
                <td>男</td>
            </tr>
            <tr>
                <td>3</td>
                <td>王五</td>
                <td>20</td>
                <td>女</td>
            </tr>
        </table>
    

      js方法

    <script type="text/javascript">
            $(function () {
                var tabLen = document.getElementById("tableID");
                var jsonT = "[";
                for (var i = 1; i < tabLen.rows.length; i++) {
                        jsonT += '{"ID":' + tabLen.rows[i].cells[0].innerHTML + ',"Name":"' + tabLen.rows[i].cells[1].innerHTML + '","Age":' + tabLen.rows[i].cells[2].innerHTML + ',"Gender":"' + tabLen.rows[i].cells[3].innerHTML + '"},'
                }
                jsonT= jsonT.substr(0, jsonT.length - 1);
                jsonT += "]";
                console.log(jsonT);
                $.ajax({
                    type: 'post',
                    url: '/Home/GetJson',
                    data:{students:jsonT},
                    success: function (data) {
                        alert(1);
                    }
                });      
            });
        </script>
    

      后台接收方法

      public ActionResult GetJson(string students)
            {
                JavaScriptSerializer js = new JavaScriptSerializer();
                List<Student> list = js.Deserialize<List<Student>>(students);
                return Content("ok");
            }

      Student类

    public class Student
        {
            public int ID { get; set; }
            public string Name { get; set; }
            public int Age { get; set; }
            public string Gender { get; set; }
        }
    

      

  • 相关阅读:
    jquery判断设备是否是手机
    jQuery -- touch事件之滑动判断(左右上下方向)
    sass制作雪碧图
    js时间字符串转为标准时间
    装箱和拆箱
    Dictionary泛型集合实现山寨版金山词霸
    泛型集合
    ArrayList集合与索引器及Hashtable
    黑马程序员--静态方法和静态类
    黑马程序员--多态练习(手机工厂)
  • 原文地址:https://www.cnblogs.com/zhuyuchao/p/6814040.html
Copyright © 2020-2023  润新知