BJUI使用ajax异步表单提交时后台action要加@ResponseBody

场景

在使用BJUI的ajaxform异步表单提交时，后台直接使用

@RequestMapping时不能正常回显消息。

知识储备

ajaxform异步表单提交

通过data属性使用（带验证）：

<form action="../../json/ajaxDone.json" data-toggle="ajaxform">
    <h5>Data API Ajax提交表单1（带验证）</h5>
    <div class="bjui-row col-2">
        <label class="row-label">姓名</label>
        <div class="row-input"><input type="text" name="username" data-rule="required"></div>
        <label class="row-label">住址</label>
        <div class="row-input"><input type="text" name="address" data-rule="required"></div>
    </div>
    <hr style="margin:5px 0 15px;">
    <div class="text-center">
        <button type="submit" class="btn-default">提交表单</button>
    </div>
</form>

通过JS API属性使用（无验证）：

BJUI.ajax('ajaxform', {
    url: 'json/ajax/ajax-test1.json',
    form: $.CurrentNavtab.find('form:eq(1)'),
    validate: false,
    loadingmask: true,
    okCallback: function(json, options) {
        console.log('返回内容1：\n'+ JSON.stringify(json))
    }
})

参数：

请求返回成功状态
指服务端返回B-JUI的消息JSON并在json[BJUI.keys.statusCode] == BJUI.statusCode.ok时有效。

@ResponseBody

@ResponseBody是作用在方法上的，@ResponseBody 表示该方法的返回结果直接写入 HTTP response body 中，一般在异步获取数据时使用【也就是AJAX】，在使用 @RequestMapping后，返回值通常解析为跳转路径，但是加上 @ResponseBody 后返回结果不会被解析为跳转路径，而是直接写入 HTTP response body 中。 比如异步获取 json 数据，加上 @ResponseBody 后，会直接返回 json 数据。@RequestBody 将 HTTP 请求正文插入方法中，使用适合的 HttpMessageConverter 将请求体写入某个对象。

举例：

@RequestMapping("/login")
　　@ResponseBody
　　public User login(User user){
　　　　return user;
　　}
　　User字段：userName pwd
　　那么在前台接收到的数据为：'{"userName":"xxx","pwd":"xxx"}'

　　效果等同于如下代码：
　　@RequestMapping("/login")
　　public void login(User user, HttpServletResponse response){
　　　　response.getWriter.write(JSONObject.fromObject(user).toString());
　　}

后台实现

前端BJUI页面：

<form id="RechargeRecordForm" action="${ctx}/sys/cooperativePartnersManageAction/doRecharge"
  data-toggle="ajaxform"
  class="ajaxForm" data-toggle="validate" enctype="multipart/form-data">



<li><button type="submit" class="btn-default" data-icon="save" >提交</button></li>

后台action：

@Controller
@RequestMapping("/sys/cooperativePartnersManageAction")
public class SysCooperativePartnerManageAction  extends BaseAction{

...

@ResponseBody
 @RequestMapping(value="/doRecharge")
 public Map<String, Object> doRecharge(Integer partnerId,BigDecimal rechargeMoney ) {
  ModelAndView mv = null;
  Map<String, Object> jsonResult = null;
  ...
  业务代码省略
   Integer statusCode = 200;
   String msg = "成功";
   jsonResult = JsonResult.jsonReturn(statusCode, msg, tabid);
   mv.setViewName(ModelAndViewConstants.PARTNER_RECHARGE_VIEW);
   LogService.getInstance(this).debug("成功："+ModelAndViewConstants.PARTNER_RECHARGE_VIEW);
  }
  catch(Exception ex) {
   LogService.getInstance(this).error("失败：" + ex.getMessage(), ex);
   mv = new ModelAndView(ModelAndViewConstants.ERROR_VIEW);
  }
  return jsonResult;
 }

注意：

在BJUI使用ajax异步表单提交时，提交到后台的action要加@ResponseBody，不然不能成功回显。