当前位置:编程学习 > C#/ASP.NET >>

jquery + C# + ajax 提交保存?

在网上找了个jquery  动态添加行 删除行的实例

但是没有保存代码

请高手补齐

另外 如何将保存在数据库的值 查询出来 转到修改页面
赋值 然后 再次保存??  --------------------编程问答--------------------
<script>
    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>
--------------------编程问答-------------------- 添加行等就是基本的操作了可以参考http://www.cnblogs.com/lxblog/archive/2013/01/11/2856582.html

写入数据库用下面代码

 $.ajax({
                    type: "POST",
                    url: "..",
                    data: ",
                    cache: false,
                    success: function(msg) {
                        if (msg == "ok") {
                           
                        }
                    }

                });
--------------------编程问答-------------------- 除 --------------------编程问答-------------------- 版主啊 救救我把  给个完整的保存  修改实例把
补充:.NET技术 ,  C#
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,