Springboot ajax异步交互中相关问题

在Springboot应用中,使用AJAX进行异步交互时,遇到问题:页面提交信息需通过POST而非GET方式,以JSON格式返回。由于RESTful API设计,POST无法返回视图,只能返回数据。解决办法是避免使用form的submit事件,而是利用按钮事件触发AJAX请求,使用serialize()方法序列化表单数据,并依据服务器返回状态进行反馈。参考了CSDN论坛上的解决方案。
摘要由CSDN通过智能技术生成

问题产生:

对于页面(如登录)提交的信息,不能用get方式,需要用post方式来将相关数组放入到请求体里。

但是因为使用的是Restful API,所以对于验证后,会直接返回json格式数据。(只有get方式才能返回视图,post返回不了,会报错)

所以应该是返回数据后,前台根据返回的数据展示,或是根据返回的状态码(服务端可以任意传一个)跳转到相应页面。

然后这里,前台的页面ajax请求,一定不能用 form表达的submit事件。就是一定不能用提交的方式,JQuery的ajaxForm方法也不可以,因为其底层还是submit事件,只要是submit它提交后就会跳转,然后服务端返回的是json数据,它就会跳转到显示json格式的页面。

这里要用按钮的事件,来发送一个ajax请求,用serialize()方法将form表达中的信息封装好,发送到服务端,然后根据服务端返回的数据弹出相应的提示。

前台页面:

<!DOCTYPE html>
<html>
<head>
<script src="webjars/jquery/3.1.1/jquery.min.js"></script>
<script src="webjars/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script>
    $(function(){
        $('#liu').click(function(){//点击按钮提交
			al
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值