一种Javascript解释ajax返回的json的好方法(推荐)


Posted in Javascript onJune 02, 2016

通常ajax请求返回的格式为json或者xml,如果返回的是json,则可以通过转换成javascript对象进行操作,如下:

1、ajax请求的controller实现

@RequestMapping
public void getLocations(@RequestParam String location, PrintWriter printWriter) { 
  if (StringUtils.isEmpty(location)) { 
    return; 
  } 
  List<Location> locations = locationService.getSubLocation(location); 
  String json = Json.toJson(locations); 
  printWriter.write(json); 
  printWriter.flush(); 
  printWriter.close(); 
}

Location是包含多个属性的Bean,如pName、zName。

2、ajax处理请求与返回值

$.ajax({ 
  type : "GET", 
  url : "/admin/location/getLocations.do", 
  data : "location=" + val, 
  success : function(msg) { 
    msg = eval(msg); 
    region = $("#region"); 
    region.empty(); 
    vHtml = "<option value='none'>选择区(可选)</option>"; 
    $.each(msg, function(i) { 
      var $bean = msg[i]; 
      vHtml += '<option value="' + $bean.pName + '"">'
          + $bean.zName + '</option>'; 
    }); 
    region.html(vHtml); 
  } 
});

msg本来是一个json字符串,使用eval函数将字符串转成了javascript对象,从而可以像对象那样获取属性值了。

以上这篇一种Javascript解释ajax返回的json的好方法(推荐)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
用JavaScript脚本实现Web页面信息交互
Oct 11 Javascript
js资料prototype 属性
Mar 13 Javascript
加载jQuery后$冲突的解决办法
Jul 09 Javascript
JavaScript模拟实现继承的方法
Mar 30 Javascript
javascript元素动态创建实现方法
May 13 Javascript
jQuery实现的分子运动小球碰撞效果
Jan 27 Javascript
AngularJS中$apply方法和$watch方法用法总结
Dec 13 Javascript
javascript十六进制数字和ASCII字符之间的转换方法
Dec 27 Javascript
JS+html5 canvas实现的简单绘制折线图效果示例
Mar 13 Javascript
layui导航栏实现代码
May 19 Javascript
微信小程序 动画的简单实例
Oct 12 Javascript
详解js跨域请求的两种方式,支持post请求
May 05 Javascript
javascript三种代码注释方法
Jun 02 #Javascript
JavaScript对Json的增删改属性详解
Jun 02 #Javascript
在Javascript操作JSON对象,增加 删除 修改的简单实现
Jun 02 #Javascript
node.js 动态执行脚本
Jun 02 #Javascript
浅谈JavaScript 标准对象
Jun 02 #Javascript
JavaScript中的Array 对象(数组对象)
Jun 02 #Javascript
jQuery简单验证上传文件大小及类型的方法
Jun 02 #Javascript
You might like
thinkphp,onethink和thinkox中验证码不显示的解决方法分析
2016/06/06 PHP
PHP操作路由器实现方法示例
2019/04/27 PHP
摘自启点的main.js
2008/04/20 Javascript
从JavaScript 到 JQuery (1)学习小结
2009/02/12 Javascript
使用IE6看老赵的博客 jQuery初探
2010/01/17 Javascript
JS判断数组中是否有重复值得三种实用方法
2013/08/16 Javascript
Node.js(安装,启动,测试)
2014/06/09 Javascript
在JavaScript中构建ArrayList示例代码
2014/09/17 Javascript
javascript实现淘宝幻灯片广告展示效果
2015/04/27 Javascript
JavaScript如何获取数组最大值和最小值
2015/11/18 Javascript
jQuery Validate表单验证深入学习
2015/12/18 Javascript
JavaScript核心语法总结(推荐)
2016/06/02 Javascript
js创建对象几种方式的优缺点对比
2016/09/28 Javascript
jQuery时间日期三级联动(推荐)
2016/11/27 Javascript
巧用canvas
2017/01/21 Javascript
js字符串与Unicode编码互相转换
2017/05/17 Javascript
vue 引入公共css文件的简单方法(推荐)
2018/01/20 Javascript
vue .sync修饰符的使用详解
2018/06/15 Javascript
nodejs 递归拷贝、读取目录下所有文件和目录
2019/07/18 NodeJs
js实现无限瀑布流实例方法
2019/09/16 Javascript
js实现自动播放匀速轮播图
2020/02/06 Javascript
Vue3 实现双盒子定位Overlay的示例
2020/12/22 Vue.js
[03:18]DOTA2亚洲邀请赛小组赛第一日 RECAP赛事回顾
2015/01/30 DOTA
Python制作爬虫抓取美女图
2016/01/20 Python
Python实现多属性排序的方法
2018/12/05 Python
简单了解Python生成器是什么
2019/07/02 Python
python如何实现异步调用函数执行
2019/07/08 Python
python 利用turtle模块画出没有角的方格
2019/11/23 Python
什么是ESB?请介绍一下ESB?
2015/05/27 面试题
党员群众路线承诺书
2014/05/20 职场文书
机械工程及其自动化专业求职信
2014/08/08 职场文书
2015年科室工作总结
2015/04/10 职场文书
2016应届毕业生就业指导课心得体会
2016/01/15 职场文书
pycharm debug 断点调试心得分享
2021/04/16 Python
MySQL into_Mysql中replace与replace into用法案例详解
2021/09/14 MySQL
基于docker安装zabbix的详细教程
2022/06/05 Servers