2020-12-10 JavaWeb使用Ajax代替表单传送数据

1.使用Ajax传输数据

这是案例。

		账号<input type="text" maxlength="8" name="" id="1" />
		手机号<input type="text" maxlength="8" name="" id="2" />
	<button style="margin-left: 80%;height: 50px;width: 100px;" id="but">添加</button>

<script type="text/javascript" src="../js/jquery-3.5.1.min.js"></script>//先导入jQuery（必须的）
<script type="text/javascript">
		//点击事件
			$(function(){
				$("#but").click(function(){//当按钮被点击是执行这个代码块
				//alert("1123");
				var uname = $("#1").val();
				var phone = $("#2").val();
				
				//$.post(项目路径名url/servlet别名?方法)
				//使用dopost是传送给servlet数据，使用doget是从servlet拿数据，在function(data)里调用，
				$.post("${pageContext.request.contextPath}/addtwo?method=doPost",{u:uname,p:phone,},function(data){
					alert(data.map.ss+"请刷新");//这个里面是用来接收servlet处理后传过来的数据
				},"json");
			})
			})
	</script>