JSP页面 jquery发送post请求到 contrallor 接受JSON数据

最新推荐文章于 2025-06-26 16:48:04 发布

原创最新推荐文章于 2025-06-26 16:48:04 发布 · 2k 阅读

1 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

4 篇文章

订阅专栏

本文展示了如何在JSP页面中利用jQuery的ajax方法发送POST请求到控制器，并接收JSON格式的数据。通过定义一个名为doFind的函数，当点击提交按钮时，表单数据将被序列化并发送到指定的后台接口。成功回调函数中，接收到的JSON数据被解析并弹出退款ID。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<form id="ajaxFrm" >
id:<input name="id" >
<input type="button" value="提交表单" onClick="doFind();">
</form>


<script src="<%=basePath%>/js/jquery/jquery.min.js"></script>

<script src="<%=basePath%>/js/bootstrap.min.js"></script>
<script type="text/javascript">
function doFind(){

$.ajax({

cache: false,
type: "POST",
url:"<%=basePath%>/pay/showOrderNo", //把表单数据发送到接口
data:$('#ajaxFrm').serialize(), //要发送的是ajaxFrm表单中的数据
async: false,
dataType: 'json', //返回值类型
error: function(request) {

alert("发送请求失败！");

},

success: function(data) {
var me=data.refundId;
alert(me);

}

});

}
</script>