java+js+数据传递_java相关：springmvc和js前端的数据传递和接收方式(两种)

java相关：springmvc和js前端的数据传递和接收方式(两种)

发布于 2020-4-7|

复制链接

本文介绍了springmvc和js前端的数据传递和接收方式(两种)，详细的介绍了两种方式，一种是json格式传递，另一种是Map传递，具有一定的参考价值，有兴趣的可以了解一下

在springmvc中controller的结果集可通过json格式传到js前端接受，也可以通过Map传给前端，具体实现如下1，通过json格式传递controller层实现如下

```java

@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)

{

try

{

response.setCharacterEncoding("UTF-8");

response.getWriter().write(str);

}

catch (Exception e)

{

}

}

public static String toJSONString(List list)

{

JSONArray jsonArray = JSONArray.fromObject(list);

return jsonArray.toString();

}

```

js端接受如下

```javascript

function selectBankCity(id){

$.ajax({

url:baseAddress+"queryCityInfo.do?provinceId="+id,

type:'get',

dataType:'json',

success:function(data){

$('#custBankArea').empty();

$('#custBankArea').append("--请选择城市信息--");

for(var i=0;i"+data[i].cityName+"");

}

}

});

}

```

2，通过Map传递

controller层实现如下

```java

@RequestMapping("queryProvince")

@ResponseBody

public Map queryProvince(HttpServletRequest request,HttpServletResponse response){

Map map = new HashMap();

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端接受如下

```javascript

$.ajax({

url:baseAddress+"queryProvince.do",

type:"get",

success:function(resData){

var data = resData.province;

for(var i=0;i"+data[i].provinceName+"");

}

}

});

```