可以向后台提交数据的方式总结

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

扫描二维码关注公众号，回复： 6473503 查看本文章

可以向后台提交数据的方式总结

猜你喜欢