摘要:比如异步获取数据,加上后,会直接返回数据于是返回结果成功。原理该注解用于将的方法返回的对象,通过适当的转换为指定格式后,写入到对象的数据区。注意到使用将会跳过视图处理部分,调用合适的,将返回值写入输出流。
今天在开发一个用户信息更新模块的时候遇到了两个问题:
1、在我提交form表单的时候我希望在提交表单之后页面不刷新,同时返回更新数据
2、向后台POST表单信息的时候,后台显示POST url 404的错误
解决第一个问题的使用使用jquery.form的插件进行异步提交
$(function() { $("#user-update").submit(function(){ $(this).ajaxSubmit({ type:"post", //提交方式 dataType:"json", //数据类型 url:"${pageScope.basePath}user/update", //请求url success:function(data){ //提交成功的回调函数 layer.alert("保存成功"); } }); return false; //不刷新页面 }); });
我的form表单是这个样子的
使用这种方式即可对form进行异步提交,提交之后我发现后台反回了如下错误
我的后台的java代码如下,采用了spring mvc 的restful风格进行编写的
@RequestMapping(value = "/update",method = RequestMethod.POST) public String updateUser(HttpServletRequest request,HttpServletResponse response) { response.addHeader("Access-Control-Allow-Origin", "*"); /* 获取前台传送的参数 */ String id = request.getParameter("id"); ...... /* 组装user */ User user = new User(); user.setId(Integer.parseInt(id)); ....... boolean updateResult = service.update(user); logger.debug("UserController+updateUser()-------->" + updateResult); return String.valueOf(updateResult); }
我发现不能返回我想要的字符串,于是使用@ResponseBody来返回数据(@responsebody表示该方法的返回结果直接写入HTTP response body中一般在异步获取数据时使用,在使用@RequestMapping后,返回值通常解析为跳转路径,加上@responsebody后返回结果不会被解析为跳转路径,而是直接写入HTTP response body中。比如异步获取json数据,加上@responsebody后,会直接返回json数据)于是返回结果成功。
@Responsebody原理
该注解用于将Controller的方法返回的对象,通过适当的HttpMessageConverter转换为指定格式后,写入到Response对象的body数据区。注意到使用@ResponseBody将会跳过视图处理部分,调用合适的HttpMessageConverter,将返回值写入输出流。
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/86291.html
摘要:比如异步获取数据,加上后,会直接返回数据于是返回结果成功。原理该注解用于将的方法返回的对象,通过适当的转换为指定格式后,写入到对象的数据区。注意到使用将会跳过视图处理部分,调用合适的,将返回值写入输出流。 今天在开发一个用户信息更新模块的时候遇到了两个问题:1、在我提交form表单的时候我希望在提交表单之后页面不刷新,同时返回更新数据2、向后台POST表单信息的时候,后台显示POST ...
摘要:原生与对的实现一定义里这么解释异步的和。二原生实现所有现代浏览器以及均内建对象。一般是正常未找到页面,一般是错误,或者后台没有创建相应的内部服务错误,多为后台错误。基本上通过发送的数据及传回的数据就能定位问题所在了。 原生JS与jQuery对AJAX的实现 一、定义 W3C里这么解释AJAX: AJAX = Asynchronous JavaScript and XML(异步的 Jav...
摘要:前面讲了环境的搭建用打包的使用的使用以及组件化及组件间传值下面讲一下使用提供接口,访问接口,前后端数据通信的相关内容。 前面讲了环境的搭建用webpack打包vue,Vue-router,vuex的使用的使用以及Vue组件化及组件间传值 下面讲一下使用nodejs+koa提供接口,axios访问接口,前后端数据通信的相关内容。 11.使用nodejs+koa2提供后台接口 npm i...
摘要:介绍是以和为基础搭建的开源的和应用程序平台。在官网上声称在中,用搭建数据驱动的网站应用程序和是最容易的。这样实现一个网站只要定义和写前端代码就好了。这应该是前端猴子接外包的一个利器吧。 介绍 Keystone是以Express和MongoDB为基础搭建的开源的Node.js CMS和web应用程序平台。 Keystone在官网上声称:在Node.js中,用Keystone搭建数据驱动的...
摘要:确认创建成功后,记得在中注册因为我们想显示发表评论的时间,修改时区设置为上海的时区。处理错误请求发表评论仅接受请求。返回到一个适当的中即用户发送评论后,重新定向到文章详情页面。总结本章实现了发表评论展示评论的功能。 在没有互联网的年代,我们用日记来记录每天的心得体会。小的时候我有一个带锁的日记本,生怕被别人看见里面写了啥,钥匙藏得那叫一个绝。 现在时代变了,网络版的日记本:博客,却巴不...
阅读 3452·2019-08-30 10:54
阅读 3149·2019-08-29 16:38
阅读 2167·2019-08-26 14:06
阅读 1513·2019-08-23 15:39
阅读 3035·2019-08-23 15:37
阅读 2885·2019-08-23 13:50
阅读 3191·2019-08-22 17:14
阅读 2378·2019-08-22 15:44