前后端交互——向后台提交数据的几种方式

1.form表单

前端代码：

<!--post代表提交方式，action代表提交的地址-->
<form method="post" action="userServlet" >
		姓名：<input type="text" name="userName" />
		年龄：<input type="text" name="age" />
		<!--注意提交按钮在form表单中-->
		<input type="submit" value="提交" />
	</form>

后端代码：

 2.AJAX提交

js总也有ajax提交，但是非常复杂，jQuery中的ajax提交就很简洁了，格式如下：

$.ajax({
		url:'dataListServlet?department='+department+'&gender='+gender,
		type:'GET',
		contentType : false,
		processData : false,
		cache : false,
		success : function(data) {
			if(data){
				
			}else{
				alert("查询失败");
			}
		}
	});

这里只是简单格式介绍，ajax提交详解：点击这里

冷知识：url中携参，提交方式用POST也可以提交，并且后台获取到的数据是地址栏中的参数，地址栏中的参数会覆盖data中的数据。

3.<a/>标签href属性提交，同样也可以拼接字符串，提交方式默认是GET提交

<a href="DeleteUserServlet?id='3'&gender='男'"></a>

4.后台中通过请求转发使servlet之间相互访问

  request.setAttribute("id","3");
  request.setAttribute("gender","男");
  request.getRequestDispatcher("updateUser.jsp").forward(request,response);

5.通过刷新本页的方式访问

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

window.location.href="DeleteUserServlet?deleteId="+deleteId;