最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
springmvc和js前端的数据传递和接收方式(两种)
时间:2022-06-29 00:40:41 编辑:袖梨 来源:一聚教程网
在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)
{
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端接受如下
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层实现如下
@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端接受如下
$.ajax({
url:baseAddress+"queryProvince.do",
type:"get",
success:function(resData){
var data = resData.province;
for(var i=0;i"+data[i].provinceName+"");
}
}
});
相关文章
- 世界之光手游好玩吗 世界之光手游核心玩法与模式详解 03-21
- 12306余票查询快捷入口-12306火车票购票官网 03-21
- 逆战未来钢铁轰鸣技能怎么介绍 03-21
- 生存33天隐藏房间解锁攻略 生存33天第一个隐藏房间进入方法详解 03-21
- 阿里云企业邮箱官网入口-阿里云企业邮箱最新防走失直达通道 03-21
- 王者荣耀P5P玩法全解析 王者荣耀竞技对战模式深度指南 03-21