springmvc和js前端的数据传递和接收方式
2024-08-24 04:01:35
在springmvc中controller的结果集可通过json格式传到js前端接受,也可以通过Map传给前端,具体实现如下
1,通过json格式传递
controller层实现如下
- @RequestMapping("queryCityInfo")
- @ResponseBody
- public String queryCityInfo()throws Exception{
- String provinceId = getString("id");
- @SuppressWarnings("rawtypes")
- List cityList = personalService.queryCity(provinceId);
- if(null != cityList && cityList.size() >0 ){
- String json = JSONUtils.toJSONString(cityList);
- super.outStr(json);
- }
- return null;
- }
- protected void outStr(String str)</span>
- {
- try
- {
- response.setCharacterEncoding("UTF-8");
- response.getWriter().write(str);
- }
- catch (Exception e)
- {
- }
- }
- public static <T> String toJSONString(List<T> list)
- {
- JSONArray jsonArray = JSONArray.fromObject(list);
- return jsonArray.toString();
- }
js端接受如下
- function selectBankCity(id){
- $.ajax({
- url:baseAddress+"queryCityInfo.do?provinceId="+id,
- type:'get',
- dataType:'json',
- success:function(data){
- $('#custBankArea').empty();
- $('#custBankArea').append("<option >--请选择城市信息--</option>");
- for(var i=0;i<data.length;i++){
- $('#custBankArea').append("<option value='"+data[i].id+"'>"+data[i].cityName+"</option>");
- }
- }
- });
- }
2,通过Map传递
controller层实现如下
- @RequestMapping("queryProvince")
- @ResponseBody
- public Map<String, Object> queryProvince(HttpServletRequest request,HttpServletResponse response){
- Map<String, Object> map = new HashMap<String, Object>();
- try {
- @SuppressWarnings("rawtypes")
- List provinceList = personalService.queryProvince();
- if(null != provinceList && provinceList.size() >0 ){
- map.put("province", provinceList);
- }
- } catch (Exception e) {
- // TODO Auto-generated catch block
- e.printStackTrace();
- }
- return map;
- }
js端接受如下
- $.ajax({
- url:baseAddress+"queryProvince.do",
- type:"get",
- success:function(resData){
- var data = resData.province;
- for(var i=0;i<data.length;i++){
- //js实现
- //var objs = document.getElementById("cusBankCity")
- //objs.options.add(new Option(data[i].provinceName) ,data[i].id);
- //jq实现
- $("#cusBankCity").append("<option value='"+data[i].id+"'>"+data[i].provinceName+"</option>");
- }
- }
- });
最新文章
- java单例设计模式
- ant windows环境配置
- 繁华模拟赛day8 字典序
- 让JS写的更接近OOP
- 处理 InterruptedException——Brian Goetz
- 三种常见设计模式 - Factory
- poj 2031 Building a Space Station(最小生成树,三维,基础)
- bzoj3140
- web页面的生命周期
- A simple test
- java敏感词过滤
- dig命令(转载)
- Itext中 根据html生成Word文件,包含图片
- [C#]使用Costura.Fody将源DLL合并到目标EXE
- 如何在Eclipse中快速添加main方法
- C++之 类型定义语句--typedef
- windows 上搭建gitblit
- [转]order by 与索引
- cxGrid 怎样才能让不自动换行 WordWrap:=false
- SharePoint 2013的100个新功能之内容管理(四)