• 将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; }
        }
    

      

  • 相关阅读:
    ruby on rails入门基础
    医学界的一个阴谋——近视手术
    30岁前挣够500万
    学习数学的意义
    针对 NetBeans IDE 7.1 的 Ruby 开发插件发布
    人的一生
    Rails常用命令整理
    穷人为什么穷?富人为什么富?
    NetBeans的(默认)快捷键
    IT界那些性感的让人尖叫的程序员
  • 原文地址:https://www.cnblogs.com/zhuyuchao/p/6814040.html
Copyright © 2020-2023  润新知