JQ將table轉成json串

html界面的table內容

<table width="100%" border="0" cellspacing="0" cellpadding="0" class="ltable">
            <tbody><tr class="odd_bg">
                <th width="6%">選擇</th>
                <th align="left" width="18%">名稱</th>
                <th align="left">標題</th>
                <th align="left" width="20%">上傳圖片</th>
                <th align="left" width="12%">分頁數量</th>
                <th align="left" width="12%">排序</th>
                <th width="10%">操作</th>
            </tr>
                    <tr>
                        <td align="center">
                            <span class="checkall" style="vertical-align:middle;"><input type="checkbox" value="1" name="cbx"></span>
                        </td>
                        <td>news</td>
                        <td>新聞</td>
                        <td>不允許</td>
                        <td>10</td>
                        <td>
                        <input type="hidden" name="ChannelID" value="1">
                        <input type="text" id="txtSortId" name="txtSortId" value="2" class="sort" onkeydown="return checkNumber(event);">
                        </td>
                        <td align="center"><a href="/system/Channel/ChannelAdd?action=Edit&ID=1">修改</a></td>
                    </tr>
                    <tr class="odd_bg">
                        <td align="center">
                            <span class="checkall" style="vertical-align:middle;"><input type="checkbox" value="3" name="cbx"></span>
                        </td>
                        <td>case</td>
                        <td>案例展示</td>
                        <td>不允許</td>
                        <td>13</td>
                        <td>
                        <input type="hidden" name="ChannelID" value="3">
                        <input type="text" id="txtSortId" name="txtSortId" value="3" class="sort" onkeydown="return checkNumber(event);">
                        </td>
                        <td align="center"><a href="/system/Channel/ChannelAdd?action=Edit&ID=3">修改</a></td>
                    </tr>
                    <tr>
                        <td align="center">
                            <span class="checkall" style="vertical-align:middle;"><input type="checkbox" value="2" name="cbx"></span>
                        </td>
                        <td>product</td>
                        <td>產品中心</td>
                        <td>允許</td>
                        <td>10</td>
                        <td>
                        <input type="hidden" name="ChannelID" value="2">
                        <input type="text" id="txtSortId" name="txtSortId" value="99" class="sort" onkeydown="return checkNumber(event);">
                        </td>
                        <td align="center"><a href="/system/Channel/ChannelAdd?action=Edit&ID=2">修改</a></td>
                    </tr>
        </tbody></table>

jq代碼段

<script type="text/javascript" >
        $(function () {
            var trs = $("table tr:not(:first)");
            //聲明一個盒子
            var array = [];
            //循環你所要選擇的行
            $.each(trs, function (i, val) {
                var tr = val;
                var json = { ChannelID: "", txtSortId: 0 }
                json.ChannelID = $(tr).find("[name='ChannelID']").val()
                json.txtSortId = $(tr).find("[name='txtSortId']").val()
                //全加入
                array.push(json);
            });

            $("#btnSave").click(function () {
                var jsongString = { data: JSON.stringify(array) };
                $.ajax({
                    type: 'post',
                    url: "/common/admin_ajax.ashx?action=save_Channel_list",
                    data: jsongString,
                    dataType: "json",
                    success: function (data) {
                        if (data == "OK") {
                            parent.jsprint("保存成功", "/system/Channel/ChannelList", "Success");
                        }
                        else {
                            parent.jsprint("保存失敗", "", "Error");
                        }
                    }
                });
            });
        });
    </script>

C#後臺代碼接收

string jsonString = context.Request["data"];

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章