JQuery遍历表格获取单元格内容拼接json的Ajax传值

表格截图 表格代码截图

</div>

        <table id="tab">

            <tr><td>用户名</td><td>流水</td></tr>

            <tr><td>用户名</td><td>流水</td></tr>

            <tr><td>用户名</td><td>流水</td></tr>

            <tr><td>用户名</td><td>流水</td></tr>

    </table>

</div>

js代码截图

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>

<script>

    $(function(){

            var rows = document.getElementById("tab").rows.length;

            var colums = document.getElementById("tab").rows[0].cells.length;

            var jsonStr = "[";

            for(var i = 1; i<rows; i++){

                    // alert(i);

                    var name = $("#tab tr:eq("+i+")").children('td').eq(0).html();

                    var water = $("#tab tr:eq("+i+")").children('td').eq(1).html();

                    jsonStr += "{\""+name+"\":\""+water+"\"},";

            }

            jsonStr = jsonStr.substring(0,jsonStr.length-1)+"]";

            console.log(i) ;

            console.log(jsonStr)  ;

$.ajax({

            url: "#", 

            type: "post", 

            data: jsonStr, 

            dataType: "json",   

            success: function (data) {   

                if (data.message == "success") {   

                  alert(1);

                } else {

                  alert(2);

                }

            },

        });

})

</script>

console.log截图