jsp提交按钮不能页面跳转
时间: 2023-07-30 21:12:56 浏览: 125
ajax 提交数据到后台jsp页面及页面跳转问题
jsp提交按钮可以使用Ajax技术实现无刷新页面提交。你可以使用jQuery中的ajax方法或者fetch API来实现。具体实现方法如下:
1. 在jsp页面中引入jQuery或者fetch API的库文件。
2. 给提交按钮添加点击事件,使用ajax或者fetch API发送请求到后端处理数据。
3. 在ajax或者fetch API的回调函数中处理后台返回的数据,更新页面内容。
示例代码如下:
使用jQuery实现:
```
<script src="https://cdn.staticfile.org/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$("#submitBtn").click(function() {
$.ajax({
type: "POST",
url: "submit.jsp",
data: $("#form").serialize(),
success: function(data) {
// 处理后台返回的数据
alert(data);
},
error: function() {
alert("提交失败");
}
});
});
});
</script>
```
使用fetch API实现:
```
<script>
function submitForm() {
fetch('submit.jsp', {
method: 'POST',
body: new FormData(document.getElementById('form'))
})
.then(response => response.text())
.then(data => {
// 处理后台返回的数据
alert(data);
})
.catch(error => {
alert('提交失败');
});
}
</script>
```
阅读全文