一种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 三种不同位置代码的写法
Oct 25 Javascript
js自定义事件及事件交互原理概述(一)
Feb 01 Javascript
jquery操作cookie插件分享
Jan 14 Javascript
jquery+CSS实现的水平布局多级网页菜单效果
Aug 24 Javascript
js获取及判断键盘按键的方法
Dec 01 Javascript
基于javascript实现彩票随机数生成(升级版)
Apr 17 Javascript
JavaScript正则表达式匹配 div  style标签
Mar 15 Javascript
对javascript继承的理解
Oct 11 Javascript
基于jquery实现五星好评
Nov 18 jQuery
vue使用监听实现全选反选功能
Jul 06 Javascript
对vue事件的延迟执行实例讲解
Aug 28 Javascript
Vue列表如何实现滚动到指定位置样式改变效果
May 09 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
php中常用编辑器推荐
2007/01/02 PHP
PHP遍历数组的几种方法
2012/03/22 PHP
php Hex RGB颜色值互换的使用
2013/05/10 PHP
php修改数组键名的方法示例
2017/04/15 PHP
Aster vs Newbee BO5 第二场2.19
2021/03/10 DOTA
IE iframe的onload方法分析小结
2010/01/07 Javascript
js函数调用常用方法详解
2012/12/03 Javascript
获取鼠标在div中的相对位置的实现代码
2013/12/30 Javascript
jquery选择器之内容过滤选择器详解
2014/01/27 Javascript
jQuery ajax serialize() 方法使用示例
2014/11/02 Javascript
浅谈setTimeout 与 setInterval
2015/06/23 Javascript
提高jQuery性能优化的技巧
2015/08/03 Javascript
微信小程序  wx.request合法域名配置详解
2016/11/23 Javascript
js 获取html5的data属性实现方法
2017/07/28 Javascript
React-Native 组件之 Modal的使用详解
2017/08/08 Javascript
layui table设置前台过滤转义等方法
2018/08/17 Javascript
详解vantUI框架在vue项目中的应用踩坑
2018/12/06 Javascript
小程序文字跑马灯效果
2018/12/28 Javascript
vue的keep-alive中使用EventBus的方法
2019/04/23 Javascript
详解vue-template-admin三级路由无法缓存的解决方案
2020/03/10 Javascript
[02:23]完美世界全国高校联赛街访DOTA2第一期
2019/11/28 DOTA
python使用BeautifulSoup分页网页中超链接的方法
2015/04/04 Python
在Python程序中进行文件读取和写入操作的教程
2015/04/28 Python
Python使用正则表达式实现文本替换的方法
2017/04/18 Python
python之从文件读取数据到list的实例讲解
2018/04/19 Python
解决Shell执行python文件,传参空格引起的问题
2018/10/30 Python
使用Python计算玩彩票赢钱概率
2019/06/26 Python
Python读取实时数据流示例
2019/12/02 Python
Django bulk_create()、update()与数据库事务的效率对比分析
2020/05/15 Python
Python趣味入门教程之循环语句while
2020/08/26 Python
Python之字符串的遍历的4种方式
2020/12/08 Python
Dockers鞋官网:Dockers Shoes
2018/11/13 全球购物
学生自我评价范文
2014/02/02 职场文书
市场营销工作计划书
2014/05/06 职场文书
学生犯错保证书
2015/05/09 职场文书
用人单位聘用意向书
2015/05/11 职场文书