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截图
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。