应用背景
使用springboot架构在如下图所示的界面布局中,实现数据的保存或者更新,务必需要提交到后台,如何进行成功或失败的提示呢?如果使用传统的springmvc的模式,势必要传一个页面给前端,这个页面仅仅是提示操作是否成功了!提示之后还得更新一下数据,就好比我们浏览某些网站的时候给出的一些提示
操作成功,5秒后返回
。比较傻,客户体验也比较差劲。
改造历程
使用ajax能否解决上述的问题呢?
答案是肯定的,点击保存之后,一个ajax请求到后台,使用ResponseBody标签,限制返回的仅仅是数据。然后根据返回的数据给出相应的提示信息就可以了。
传统的ajax请求数据,需要将form里面的数据重组,全部放到我们的请求体里面。如下代码所示:
rush:js;">
$.ajax({
type: 'POST',url: url,data: data,success: success,dataType: dataType
});
如果,我提交的form数据比较多的话,那么data就相对比较庞大了。代码比较臃肿。同时,form表单也丧失了其存在的意义了。
有没有一种比较优雅的方式实现form表单的ajax提交呢?当然。
实现过程
第一步。当然是引入我们强大的插件了。
rush:js;">
nofollow" rel="stylesheet">
2.调用接口即可
rush:js;">
$.Notification.notify('success','top center','温馨提示','保存成功!');
总结
以上所述是小编给大家介绍的jquery+ajaxform+springboot控件实现数据更新功能。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持。