JSP表单提交不刷新界面
时间: 2023-09-12 17:07:11 浏览: 71
在 JSP 中,表单提交后默认会刷新页面。如果你想在不刷新页面的情况下提交表单,可以使用 AJAX 技术。
具体来说,你可以在表单提交时使用 JavaScript 发送 AJAX 请求,将表单数据发送到服务器并获取服务器返回的数据,然后通过 JavaScript 更新页面内容。
下面是一个简单的示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>不刷新页面提交表单</title>
<meta charset="UTF-8">
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<form id="myForm">
<input type="text" name="name">
<input type="submit" value="提交">
</form>
<div id="result"></div>
<script>
$(document).ready(function(){
$("#myForm").submit(function(event){
// 阻止表单默认提交行为
event.preventDefault();
// 发送 AJAX 请求
$.ajax({
url: "submit.jsp",
method: "POST",
data: $("#myForm").serialize(),
success: function(result){
// 更新页面内容
$("#result").html(result);
}
});
});
});
</script>
</body>
</html>
```
在这个示例中,通过阻止表单默认提交行为来实现不刷新页面提交表单。然后使用 jQuery 发送 AJAX 请求,将表单数据序列化并发送到服务器。服务器返回的数据将通过 JavaScript 更新页面内容。