一种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 相关文章推荐
JSON.parse 解析字符串出错的解决方法
Jul 08 Javascript
js两行代码按指定格式输出日期时间
Oct 21 Javascript
jQuery实现dialog设置focus焦点的方法
Jun 10 Javascript
JS常用函数和常用技巧小结
Oct 15 Javascript
jQuery实现页面顶部下拉广告
Dec 30 Javascript
谈谈Vue.js——vue-resource全攻略
Jan 16 Javascript
jQuery实现可拖动进度条实例代码
Jun 21 jQuery
Vue打包后出现一些map文件的解决方法
Feb 13 Javascript
vue插件开发之使用pdf.js实现手机端在线预览pdf文档的方法
Jul 12 Javascript
Bootstrap 实现表格样式、表单布局的实例代码
Dec 09 Javascript
详解Ant Design of React的安装和使用方法
Dec 27 Javascript
vue中 数字相加为字串转化为数值的例子
Nov 07 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
CodeIgniter扩展核心类实例详解
2016/01/20 PHP
php文件上传的两种实现方法
2016/04/04 PHP
ThinkPHP+EasyUI之ComboTree中的会计科目树形菜单实现方法
2017/06/09 PHP
IE6背景图片不缓存问题解决方案及图片使用策略多个方法小结
2012/05/14 Javascript
JS与Ajax Get和Post在使用上的区别实例详解
2016/06/08 Javascript
js中作用域的实例解析
2017/03/16 Javascript
JS获取填报扩展单元格控件的值的解决办法
2017/07/14 Javascript
详解利用Angular实现多团队模块化SPA开发框架
2017/11/27 Javascript
JS组件系列之Gojs组件 前端图形化插件之利器
2017/11/29 Javascript
JavaScript寄生组合式继承实例详解
2018/01/06 Javascript
vue 简单自动补全的输入框的示例
2018/03/12 Javascript
深入理解JS中Number(),parseInt(),parseFloat()三者比较
2018/08/24 Javascript
vue3.0 CLI - 2.1 -  component 组件入门教程
2018/09/14 Javascript
Vue 实现前端权限控制的示例代码
2019/07/09 Javascript
[13:16]INFAMOUS vs VGJ T BO3
2018/06/07 DOTA
Flask SQLAlchemy一对一,一对多的使用方法实践
2013/02/10 Python
Python中使用item()方法遍历字典的例子
2014/08/26 Python
python threading模块操作多线程介绍
2015/04/08 Python
Python随机生成数据后插入到PostgreSQL
2016/07/28 Python
深入理解Python分布式爬虫原理
2017/11/23 Python
Python生成器定义与简单用法实例分析
2018/04/30 Python
python打包成so文件过程解析
2019/09/28 Python
如何利用python检测图片是否包含二维码
2020/10/15 Python
Django haystack实现全文搜索代码示例
2020/11/28 Python
Css3圆角边框制作代码
2015/11/18 HTML / CSS
html5仿支付宝密码框的实现代码
2017/09/06 HTML / CSS
Links of London官方网站:英国标志性的珠宝品牌
2017/04/09 全球购物
英国女性时尚鞋类的潮流制造者:Koi Footwear
2018/10/19 全球购物
文明餐桌活动方案
2014/02/11 职场文书
未受刑事制裁公证证明
2014/09/20 职场文书
2014年个人业务工作总结
2014/11/17 职场文书
教师先进事迹材料
2014/12/16 职场文书
初中作文评语集锦
2014/12/25 职场文书
仓库保管员岗位职责
2015/02/09 职场文书
求职信:求职应该注意的问题
2019/04/24 职场文书
Python实现学生管理系统并生成exe可执行文件详解流程
2022/01/22 Python