前端利用ajax传多个值给后端

最新推荐文章于 2023-09-07 14:30:37 发布

BIGFLY***

最新推荐文章于 2023-09-07 14:30:37 发布

阅读量1.9k

点赞数

文章标签： ajax js javascript jquery

本文链接：https://blog.csdn.net/wyffeige/article/details/104849414

版权

在不跳转页面情况下，可用以下方式（非JSON形式，如需JSON形式请点击这里）实现与后端交互：
包括传递单个数据和多个数据：

前端代码实现：

<script type="text/javascript">
	function sub(){
		var sno = $("#sno").val();
		var sname = $("#sname").val();
		var sage = $("#sage").val();
		$.ajax({
			url:"getParam",
			type:"post",
			//传递单个数据
			//data:"sno="+sno,
			//传递多个数据
			data:{
				"sno":sno,"sname":sname,"sage":sage
			},
			success:function(data){
				document.getElementById("context").innerHTML=data;
			},
			error:function(xhr,errorMessage,e){
					alert("系统异常！！");
			}
		});
	}
</script>
...
<body>
	学号:<input type="text" id="sno" name="sno"/>
	姓名:<input type="text" id="sname" name="sname"/>
	年龄:<input type="text" id="sage" name="sage"/>
	<input type="button" id="sub" value="提交" onclick="sub()"/>
	<div id="context"></div>
</body>

后端代码实现：

		request.setCharacterEncoding("utf-8");
		String sno = (String) request.getParameter("sno");
		String sname = (String) request.getParameter("sname");
		String sage = (String) request.getParameter("sage");
		...

BIGFLY***

关注

0
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
前端利用ajax传多个值给后端

在不跳转页面情况下，可用以下方式（非JSON形式，如需JSON形式请点击这里）实现与后端交互：包括传递单个数据和多个数据：前端代码实现：<script type="text/javascript"> function sub(){ var sno = $("#sno").val(); var sname = $("#sname").val(); var sage =...
复制链接

扫一扫