Spring MVC 中 AJAX请求并返回JSON的示例_网络技术

Spring MVC 中 AJAX请求并返回JSON的示例

发布时间 - 2026-01-10 22:31:44 点击率：次

一、以ModelAndView的方式返回

先看下JavaScript代码：

/**
 * 保存-同步(版本控制库)
 */
function saveSynchronizedVcHorse(obj) {
  var ss = $("#SynchronizedSelection div");
  var cacheSelectAry = new Array()
  for(var i = 0; i < ss.length; i ++) {
    //alert(ss.eq(i).html());
    //alert(ss.eq(i).find('label').html());
    var o=ss.eq(i).find('label').find("input[type='checkbox']");
    
    var s = $(o).attr('checked');//由于$(obj).attr("checked", false); checked属性会被
    if(s != null) {
      cacheSelectAry.push($(o).attr('value'));
    } 
  }
  if(cacheSelectAry.length == 0) {
    alert("请选择城市");
    return;
  }
  var json = "SynchronizedBean={\"exceptionId\":\""+exceptionId+"\",\"cityIds\":["
  for(var i = 0; i < cacheSelectAry.length; i ++) {
    if(i == cacheSelectAry.length -1) {
      json = json +"\""+ cacheSelectAry[i] + "\"";
    } else {
      json = json + "\"" + cacheSelectAry[i] + "\",";
    }
  }
  json = json + "]}";
  $.ajax({
      type: "POST",
      dataType: "json",
      url: "../main/saveSynchronizedData",
      data: json,
      success: function(msg){
        alert(msg.main);
      },
      error: function () {//XMLHttpRequest, textStatus, errorThrown
        alert("请求失败"); 
      } 
  });
}

主要是看ajax请求部分。

再看Spring 中控制器的代码：

@RequestMapping(value = "/saveSynchronizedData", method = RequestMethod.POST)
  public @ResponseBody ModelAndView saveSynchronizedData(@RequestParam("SynchronizedBean") String mSynchronizedJSON) {
    ObjectMapper objectMapper = new ObjectMapper();
    Map<String, String> map = new HashMap<String, String>();
    try {
      SynchronizedBean bean = objectMapper.readValue(mSynchronizedJSON, SynchronizedBean.class);
      if(bean != null) {
        String[] ary = bean.getCityIds();
        if(ary != null && ary.length > 0) {
          for(String s : ary) {
            VCHousePo po = new VCHousePo();
            po.setExceptionId(bean.getExceptionId());
            po.setCustomerCode(s);
            po.setCreateTime(new Date());
            po.setExceptionState(0);
            vcHService.add(po);
          }
        }
      }
      map.put("msg", "success");
    } catch (JsonParseException e) {
      e.printStackTrace();
      map.put("msg", "error");
    } catch (JsonMappingException e) {
      e.printStackTrace();
      map.put("msg", "error");
    } catch (IOException e) {
      e.printStackTrace();
      map.put("msg", "error");
    }
    return new ModelAndView(new MappingJackson2JsonView(),map);
  }

这里是通过ModelAndView的方式进行返回JSON的。另外：MappingJackson2JsonView使用的package是

import org.springframework.web.servlet.view.json.MappingJackson2JsonView;

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

# springmvc # ajax # json # spring # mvc # ajax请求 # SpringMVC中处理Ajax请求的示例 # SpringMVC ajax请求的处理方法介绍 # Springmvc处理ajax请求并返回json数据 # Spring MVC中处理ajax请求的跨域问题与注意事项详解 # Springmvc ajax跨域请求处理方法实例详解 # springMVC解决ajax请求乱码的三种方法 # SpringMVC环境下实现的Ajax异步请求JSON格式数据 # Spring MVC 处理Ajax请求的方式详解 # 请选择 # 再看 # 先看 # 大家多多 # 主要是 # null # false # push # return # find # checked # input # type # checkbox # attr # label # main # url # dataType # success

相关栏目：【网站优化151355 】【网络推广146373 】【网络技术251813 】【 AI营销90571 】

上一篇：卡通图制作网站有哪些,漫画网站有哪些？

下一篇：Workerman开源库详解：快速构建高并发服务器

相关栏目网站优化
网络推广
网络技术
AI营销

最新文章 Sublime怎么一键压缩JS代码 Su sublime如何在搜索中使用正则表达式 Sublime如何设置透明窗口效果 Su mysql如何设计商品表结构_mysql css属性背景图不显示怎么办_通过检查路如何使用Golang实现排序_Golan 农历闰月是怎么回事_为合回归年加一月调整塑造《刺客信条》艾吉奥传奇的编剧离开育碧 1英里等于多少公里 1mile和km的换 css grid布局中行和列是如何定义的 PS批量旋转和翻转图片，快速校正图片方向 C# Swagger UI自定义方法 C OPPO手机九宫格和全键盘怎么切换_OP Go语言如何实现用户登录注册_Golan 1节飞行速度多少公里每小时 1节是多少公纸嫁衣8千子树第五章庙门怎么开启庙门 Laravel 多行数据编辑表单中实现逐明日之后如何提升钓鱼等级明日之后提升钓支付宝怎样查年度账单_支付宝年度账单查看 C# 多线程UI更新Dispatcher

上一篇：卡通图制作网站有哪些,漫画网站有哪些？

下一篇：Workerman开源库详解：快速构建高并发服务器