以下是使用 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云其它相关文章!

喜 欢 451