web 页面向后台提交数据的实现方式有很多种, 以下做一下总结
1. 通过form 表单提交
form 表单提交是很普遍的一种向后台传值的方式,通过 form 的 action 属性可以向后台的servlet 传值
<form action="UpdateServlet" method="post" >
编号:<input type="text" name="id" value="${user.id}" readonly=" readonly" /><br/>
姓名:<input type="text" name="name" value="${user.name }" /> <br/>
性别:<input type="text" name="sex" value="${user.sex }" /> <br/>
年龄:<input type="text" name="age" value="${user.age }" /> <br/>
<input type="submit" value="更新" />
</form>
2.通过 ajax 传值
在 ajax 中 可以为 data 设置值, 然后在后台进行接收.例如:
$.ajax({
type: 'POST',
url: 'TestJsonServlet',
data: {"id":id,"name":name,"password":password}, //这个data是要往后台传递的data
dataType:"json",
success: function(data,msg){ //这个data 是服务器返回的数据
show(data.data); //第一个data是参数data ,第二个data是返回的 json 数据的名字 data
},
error:function(xhr,errorMsg,error){
alert(xhr.status);
console.log(xhr.status);
alert(errorMsg);
}
});
3. href 属性传值: 通过 <a > 标签 或者 js 中设置 href 属性来设置链接地址传值, 格式如下:
<td>
<a href="UpdateServlet?id=${user.id }">更新</a>
<a href="DeleteServlet?id=${user.id }">删除</a>
</td>
4. 通过 servlet 跳转 servlet 来达到传值的目的 :
首先给 UpdateServlet 中传入 id 的值,根据 id 的值进行更新
UpdateServlet?id=${user.id }
然后在 UpdateServlet 中根据 id 的值进行操作,最后在 UpdateServlet 中跳转到 ShowServlet 中,展示更新后的值
request.getRequestDispatcher("ShowServlet").forward(request, response);
5. 通过直接在浏览器的地址栏 ? 后写值来达到向后台传值的目的
http://localhost:8080/servlet/TestServlet?id=1&name=wang