一种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 判断Flash是否加载完成的代码
Apr 12 Javascript
JavaScript中的原型链prototype介绍
Dec 30 Javascript
jQuery插件Tmpl的简单使用方法
Apr 27 Javascript
jQuery实现点击按钮弹出可关闭层的浮动层插件
Sep 19 Javascript
javascript DOM的详解及实例代码
Mar 06 Javascript
微信小程序 如何引入外部字体库iconfont的图标
Jan 31 Javascript
使用vue-cli编写vue插件的方法
Feb 26 Javascript
vue-router3.0版本中 router.push 不能刷新页面的问题
May 10 Javascript
小程序实现列表删除功能
Oct 30 Javascript
从零使用TypeScript开发项目打包发布到npm
Feb 14 Javascript
谈谈JavaScript令人迷惑的==与+
Aug 31 Javascript
Vue2.x和Vue3.x的双向绑定原理详解
Nov 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
如何删除多级目录
2006/10/09 PHP
一篇不错的PHP基础学习笔记
2007/03/18 PHP
PHP字符串函数系列之nl2br(),在字符串中的每个新行 (\n) 之前插入 HTML 换行符br
2011/11/10 PHP
Thinkphp的volist标签嵌套循环使用教程
2014/07/08 PHP
在Laravel框架里实现发送邮件实例(邮箱验证)
2016/05/20 PHP
Laravel如何使用数据库事务及捕获事务失败后的异常详解
2017/10/23 PHP
PHP设计模式之 策略模式Strategy详解【对象行为型】
2020/05/01 PHP
jQuery中文入门指南,翻译加实例,jQuery的起点教程
2007/01/13 Javascript
JavaScript DOM学习第四章 getElementByTagNames
2010/02/19 Javascript
window.onresize 多次触发的解决方法
2013/11/08 Javascript
js实现的GridView即表头固定表体有滚动条且可滚动
2014/02/19 Javascript
仿百度联盟对联广告实现代码
2014/08/30 Javascript
jquery checkbox 勾选的bug问题解决方案与分析
2014/11/13 Javascript
重写document.write实现无阻塞加载js广告(补充)
2014/12/12 Javascript
jQuery实现图片预加载效果
2015/11/27 Javascript
js实现单张图片平移切换效果
2017/10/11 Javascript
基于 Immutable.js 实现撤销重做功能的实例代码
2018/03/01 Javascript
在 Linux/Unix 中不重启 Vim 而重新加载 .vimrc 文件的流程
2018/03/21 Javascript
vue-cli 3.x配置跨域代理的实现方法
2019/04/12 Javascript
50行代码实现贪吃蛇(具体思路及代码)
2013/04/27 Python
Python 关于反射和类的特殊成员方法
2017/09/14 Python
python matplotlib中文显示参数设置解析
2017/12/15 Python
对python抓取需要登录网站数据的方法详解
2018/05/21 Python
Python根据欧拉角求旋转矩阵的实例
2019/01/28 Python
Python整数与Numpy数据溢出问题解决
2019/09/11 Python
自定义Django_rest_framework_jwt登陆错误返回的解决
2020/10/18 Python
白色公司:The White Company
2017/10/11 全球购物
英国一家集合了众多有才华设计师品牌的奢侈店:Wolf & Badger
2018/04/18 全球购物
无工作经验者个人求职信范文
2013/12/22 职场文书
工业设计毕业生自荐信
2014/04/13 职场文书
营销学习心得体会
2014/09/12 职场文书
群众路线自我剖析及整改措施
2014/11/04 职场文书
黄石寨导游词
2015/02/05 职场文书
培训通知
2015/04/17 职场文书
2015年班干部工作总结
2015/04/29 职场文书
JavaScript实例 ODO List分析
2022/01/22 Javascript