JQ將table轉成json串
阿新 • • 發佈:2019-01-01
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"];