以下是使用 ASP.NET 的示例代码来处理多条记录并将其保存到数据库中。 <%@ Page Language="C#" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <%-- 在这里添加表单字段 --%>
            <input type="text" name="name[]" />
            <br/>
            <input type="text" name="age[]" />
            <br/>
            <input type="submit" value="提交" onclick="return saveData();" />
        </div>
    </form>
    
    <!-- JavaScript -->
    <script language="javascript" type="text/javascript">
        function saveData() {
            var names = document.getElementsByName("name[]"); // 获取所有名称输入框元素
            var ages = document.getElementsByName("age[]");   // 获取所有年龄输入框元素
            
            if (names.length != ages.length) {
                alert('输入不完整!');
                return false;
            }
            
            var dataToSave = [];
            for(var i=0; i<names.length; i++) {
                var obj = {};
                
                obj['name'] = names[i].value;
                obj['age'] = ages[i].value;
                
                dataToSave.push(obj);
            }
            
            $.ajax({
                url: 'save_data.aspx',      // 后台处理页面的 URL
                method: "POST",              // HTTP 请求类型为 POST
                contentType: "application/json",       // 设置内容类型为 JSON
                data: JSON.stringify(dataToSave),         // 发送要保存的数据(转换成 JSON)
                success: function(response){
                    console.log(response);          // 打印服务器返回的结果
                    alert('数据已保存!');           // 显示保存成功消息
                },
                error: function(){
                    alert('保存失败!');               // 显示保存失败消息
                }
            });
            
            return false;
        }
    </script>
</body>
</html>  上述代码包含了前端 HTML 部分和 JavaScript 部分。当点击“提交”按钮时,JavaScript 函数 saveData() 会被调用。该函数首先通过 document.getElementsByName 方法获取所有名称和年龄输入框的值,然后创建一个对象数组 dataToSave 来存储每个输入项的信息。接下来,使用 jQuery 的 AJAX 方法向后台处理页面发送 POST 请求,传递要保存的数据。最后根据服务器返回的结果进行相应操作,如显示保存成功或失败的消息。

以上就是ASP.NET 多条记录同时保存数据库的详细内容,更多信息请关注OD云其它相关文章!



本文URL:http://www.odweb.cn/news_show.html?id=238