微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

action返回json串到前台

在web应用程序中,经常需要将后台处理的数据以JSON格式返回到前台页面。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,具有易于阅读和编写的特点,因此越来越受到开发人员的重视。

action返回json串到前台

使用Spring MVC框架可以很方便地实现将后台数据以JSON格式返回到前台页面功能。具体实现方法如下:

@RequestMapping(value = "/queryUserInfo",method = RequestMethod.POST)  
@ResponseBody  
public Map queryUserInfo(HttpServletRequest request){  
   Map map = new HashMap();  
   String userId = request.getParameter("userId");  
   User user = userService.queryUserById(userId);  
   map.put("userId",user.getUserId());  
   map.put("userName",user.getUserName());  
   map.put("mobile",user.getMobile());  
   return map;  
}

上述代码中,@RequestMapping注解表示这个方法将会处理请求路径为"/queryUserInfo"的POST请求,@ResponseBody注解表示该方法的返回结果将会直接以JSON格式写入HTTP响应输出流中。在方法中,通过Map对象存储用户信息,最后将该Map对象返回即可。

前台页面中,通过Ajax技术调用后台方法,实现动态获取用户信息的功能。具体实现方法如下:

$.ajax({    
   url:'/queryUserInfo',dataType : 'json',type : 'POST',data : {'userId':userId},success : function(data) {    
       $('#userName').val(data.userName);    
       $('#mobile').val(data.mobile);    
   }    
});

上述代码中,使用jQuery框架中的ajax方法后台请求数据,其中url表示请求的路径,dataType表示后台返回的数据格式,type表示请求方式为POST,data表示请求参数。在请求成功后,将返回的数据填充到前台页面的对应元素中,实现动态展示用户信息的功能

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐