jquery + C# + ajax 提交保存?
在网上找了个jquery 动态添加行 删除行的实例但是没有保存代码
请高手补齐
另外 如何将保存在数据库的值 查询出来 转到修改页面
赋值 然后 再次保存?? --------------------编程问答--------------------
<script>--------------------编程问答-------------------- 添加行等就是基本的操作了可以参考http://www.cnblogs.com/lxblog/archive/2013/01/11/2856582.html
var arr = [];
$("#table1 tr td:nth-child(1)").each(function(key, value) {
arr.push($(this).html());
});
var result = arr.join(',');
//全选或全不选
//方法一:
//全选或全不选 此传入的参数为event 如:checkAll(event)
function checkAll(evt) {
$("#table1 tr").find("input[type='checkbox']").attr("checked", evt.checked);
}
//客户端动态添加行
function btnAddRow() {
//行号是从0开始,最后一行是新增、删除、保存按钮行 故减去2
var rownum = $("#table1 tr").length - 2;
var chk = "<input type='checkbox' id='chk_" + rownum + "' name='chk_" + rownum + "'/>";
var text = "<input type='text' id='txt_" + rownum + "' name='txt_" + rownum + "' width='75px'/>";
var sel = "<select id='sel_" + rownum + "'><option value='1'>男</option><option value='0'>女</option></select>";
var row = "<tr><td>" + chk + "</td><td>" + text + "</td><td>" + sel + "</td><td>" + text + "</td><td>" + text + "</td></tr>";
$(row).insertAfter($("#table1 tr:eq(" + rownum + ")"));
}
//这个比上面的要好,可以一下删除多个记录
function btnDeleteRow() {
$("#table1 tr").each(function(i) {
var chk = $(this).find("input[type='checkbox']");
if (chk.attr("id") != "checkall")//不能删除标题行
{
if (chk.attr("checked")) {
$(this).remove();
}
}
});
}
//客户端保存
function btnSaveClick() {
//find()方法中我暂时不知道如何设定多个筛选条件,所以下面得不到select列表的值
//$("#table1 tr td").find("input[type='text']" || "select").each(function(i){
//alert($(this).val());
//});
$("#table1 tr").find("td").each(function(i) {
if ($(this).find("input[type='text']").length > 0) {
alert($(this).find("input[type='text']").val());
}
else if ($(this).find("select").length > 0) {
alert($(this).find("select").val());
}
});
}
</script>
</head>
<body>
<style type="text/css">
.hover
{
background-color:red;
}
</style>
<table id="table1" border="1" cellpadding="0" cellspacing="0">
<tr>
<th>
<input type="checkbox" id="checkall" onclick="checkAll(this)"/>
</th>
<th>姓名</th>
<th>性别</th>
<th>密码</th>
<th>地址</th>
</tr>
<tr>
<td>
<input type="checkbox" id="Checkbox1" />
</td>
<td>张三</td>
<td>男</td>
<td>zhangsan</td>
<td>上海</td>
</tr>
<tr>
<td>
<input type="checkbox" id="Checkbox2" />
</td>
<td>李四</td>
<td>男</td>
<td>lisi</td>
<td>安庆</td>
</tr>
<tr>
<td>
<input type="checkbox" id="Checkbox3" />
</td>
<td>王五</td>
<td>男</td>
<td>beijing</td>
<td>北京</td>
</tr>
<tr>
<td>
<input type="checkbox" id="Checkbox4" />
</td>
<td>无名氏</td>
<td>女</td>
<td>wumingshi</td>
<td>上海</td>
</tr>
<tr>
<td>
<input type="checkbox" id="Checkbox5" />
</td>
<td>赵老师</td>
<td>男</td>
<td>zhaolaoshi</td>
<td>浙江</td>
</tr>
<tr>
<td colspan="5" align="center">
<input type="button" id="btnAdd" runat="server" value="新增" onclick="btnAddRow()" />
<input type="button" id="btnDelete" runat="server" value="删除" onclick="btnDeleteRow()" />
<input type="button" id="btnSave" runat="server" value="保存" onclick="btnSaveClick()" />
</td>
</tr>
</table>
</body>
</html>
写入数据库用下面代码
--------------------编程问答-------------------- 除 --------------------编程问答-------------------- 版主啊 救救我把 给个完整的保存 修改实例把
$.ajax({
type: "POST",
url: "..",
data: ",
cache: false,
success: function(msg) {
if (msg == "ok") {
}
}
});
补充:.NET技术 , C#