jquery+ajaxform+springboot控件实现数据更新功能
应用背景使用springboot架构在如下图所示的界面布局中,实现数据的保存或者更新,务必需要提交到后台,如何进行成功或失败的提示呢?如果使用传统的springmvc的模式,势必要传一个页面给前端,这个页面仅仅是提示操作是否成功了!提示之后还得更新一下数据,就好比我们浏览某些网站的时候给出的一些提示 操作成功,5秒后返回。比较傻,客户体验也比较差劲。 改造历程使用ajax能否解决上述的问题呢? 答案是肯定的,点击保存之后,一个ajax请求到后台,使用ResponseBody标签,限制返回的仅仅是数据。然后根据返回的数据给出相应的提示信息就可以了。 传统的ajax请求数据,需要将form里面的数据重组,全部放到我们的请求体里面。如下代码所示: 如果,我提交的form数据比较多的话,那么data就相对比较庞大了。代码比较臃肿。同时,form表单也丧失了其存在的意义了。 有没有一种比较优雅的方式实现form表单的ajax提交呢?当然。 jquery的ajaxform插件是一个比较不错的选择。 实现过程第一步。当然是引入我们强大的插件了。 该js下载,我提供一下github的地址吧: 。 第二步。在我们想要发送请求的地方进行ajax+form请求的发送。 处理一下提交后返回的方法 }
后台实现代码 逻辑自行定义 注意
后续研究关于提示框使用alert?我费尽心思用上了bootstrap,你这里搞一个alert出来,简直就是往一盘美味里面吐唾沫。有没有美观一点的提示框?当然,答案是肯定的! 使用notifications插件来完成提示框的美化 先上个效果图: 实现步骤1.导入notifications所需js和css 2.调用接口即可 总结以上所述是小编给大家介绍的jquery+ajaxform+springboot控件实现数据更新功能。编程之家 52php.cn 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |