java web SpringMVC后端传json数据到前端页面实例代码

发布时间 - 2026-01-11 00:03:26    点击率:

下面的后台的代码:目的的查询数据库中的所有省的列表,然后转化为json传到前端页面 

@Controller 
public class DistrictController { 
  @Resource 
  private ProvinceService provinceServiceImp; 
  @Resource 
  private CityService cityServiceImp; 
  @Resource 
  private TourSpotService tourSpotServiceImp; 
  /** 
   * 获取所有省信息 
   * @param response 
   * @return 
   * @throws IOException 
   */ 
  @RequestMapping("/getAllProvince") 
  public String getAllProvince(HttpServletResponse response) throws IOException{ 
    response.setContentType("text/html;charset=utf-8");//设置响应的编码格式,不然会出现中文乱码现象 
    PrintWriter out = response.getWriter(); 
    //get 
    List<Province> provincelist = provinceServiceImp.findAllProvince(); 
    JSONArray jsonArray = JSONArray.fromObject(provincelist); 
    out.write(jsonArray.toString()); 
    out.flush(); 
    out.close(); 
    return null; 
  } 

以下是前端jQuery内容:

$.get("/visualization-tour/getAllProvince", function(result) { 
    var json = eval("("+result+")"); // 解析 
    var tt = "<option selected class='proInfo' value=1>~请选择省~</option>"; 
    $.each(json, function(index) { 
      // 循环获取数据 
      var proId = json[index].proId; 
      var proName = json[index].proName; 
      tt += "<option value="+proId+">"+proName+"</option>" ; 
    }); 
    $("#province").html(tt); 
  }); 

注意事项,SpringMVC的控制器会是你的一些静态资源(js、html、css)不能加载,需要修改SpringMVC的配置文件,添加以下内容:

<!-- 静态资源访问 --> 
  <mvc:resources location="/img/" mapping="/img/**" /> 
  <mvc:resources location="/js/" mapping="/js/**" /> 
  <mvc:resources location="/css/" mapping="/css/**" />  
  <mvc:resources location="/page/" mapping="/page/**" />  

其中location 是指你的静态资源的路径

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


# spring  # mvc后端传前端  # mvc前后端传值  # 前端  # 后端  # json  # 数据  # Java后端接收前端数据的五种方法  # java后端返回数据给前端时去除值为空或NULL的属性、忽略某些属性代码示例  # 前端如何传递Array、Map类型数据到Java后端  # JAVA实现JSON后端向前端传递数据  # java后端把数据转换为树  # map递归生成json树  # 返回给前端(后台转换)  # java后端向前端传数据的几种方法  # 是指  # 请选择  # 转化为  # 数据库中  # 配置文件  # 大家多多  # 加载  # throws  # IOException  # RequestMapping  # getAllProvince  # return  # tourSpotServiceImp  # TourSpotService  # response  # param  # utf  # charset  # getWriter  # PrintWriter 


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


相关推荐: 儿童网站界面设计图片,中国少年儿童教育网站-怎么去注册?  如何快速生成专业多端适配建站电话?  javascript读取文本节点方法小结  js实现点击每个li节点,都弹出其文本值及修改  高防服务器:AI智能防御DDoS攻击与数据安全保障  Laravel如何使用Scope本地作用域_Laravel模型常用查询逻辑封装技巧【手册】  如何用好域名打造高点击率的自主建站?  简历在线制作网站免费版,如何创建个人简历?  使用PHP下载CSS文件中的所有图片【几行代码即可实现】  Win11任务栏卡死怎么办 Windows11任务栏无反应解决方法【教程】  在线ppt制作网站有哪些软件,如何把网页的内容做成ppt?  如何用美橙互联一键搭建多站合一网站?  图册素材网站设计制作软件,图册的导出方式有几种?  Laravel如何优化应用性能?(缓存和优化命令)  详解阿里云nginx服务器多站点的配置  nginx修改上传文件大小限制的方法  高性能网站服务器配置指南:安全稳定与高效建站核心方案  如何利用DOS批处理实现定时关机操作详解  Java垃圾回收器的方法和原理总结  Laravel如何正确地在控制器和模型之间分配逻辑_Laravel代码职责分离与架构建议  Laravel如何保护应用免受CSRF攻击?(原理和示例)  Laravel怎么做数据加密_Laravel内置Crypt门面的加密与解密功能  Python图片处理进阶教程_Pillow滤镜与图像增强  如何用AI一键生成爆款短视频文案?小红书AI文案写作指令【教程】  消息称 OpenAI 正研发的神秘硬件设备或为智能笔,富士康代工  高端智能建站公司优选:品牌定制与SEO优化一站式服务  Laravel如何生成和使用数据填充?(Seeder和Factory示例)  独立制作一个网站多少钱,建立网站需要花多少钱?  Laravel如何使用软删除(Soft Deletes)功能_Eloquent软删除与数据恢复方法  html文件怎么打开证书错误_https协议的html打开提示不安全【指南】  Laravel怎么设置路由分组Prefix_Laravel多级路由嵌套与命名空间隔离【步骤】  Laravel如何实现全文搜索_Laravel Scout集成Algolia或Meilisearch教程  如何快速完成中国万网建站详细流程?  米侠浏览器网页背景异常怎么办 米侠显示修复  作用域操作符会触发自动加载吗_php类自动加载机制与::调用【教程】  网易LOFTER官网链接 老福特网页版登录地址  如何登录建站主机?访问步骤全解析  网站图片在线制作软件,怎么在图片上做链接?  Laravel怎么使用Markdown渲染文档_Laravel将Markdown内容转HTML页面展示【实战】  iOS UIView常见属性方法小结  如何用PHP快速搭建高效网站?分步指南  三星、SK海力士获美批准:可向中国出口芯片制造设备  宙斯浏览器视频悬浮窗怎么开启 边看视频边操作其他应用教程  七夕网站制作视频,七夕大促活动怎么报名?  如何用手机制作网站和网页,手机移动端的网站能制作成中英双语的吗?  齐河建站公司:营销型网站建设与SEO优化双核驱动策略  Laravel怎么实现搜索高亮功能_Laravel结合Scout与Algolia全文检索【实战】  Win11怎么设置虚拟桌面 Win11新建多桌面切换操作【技巧】  高配服务器限时抢购:企业级配置与回收服务一站式优惠方案  什么是javascript作用域_全局和局部作用域有什么区别?