一种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 相关文章推荐
jQuery的实现原理的模拟代码 -5 Ajax
Aug 07 Javascript
jQuery.query.js 取参数的两点问题分析
Aug 06 Javascript
jquery动画4.升级版遮罩效果的图片走廊--带自动运行效果
Aug 24 Javascript
(跨浏览器基础事件/浏览器检测/判断浏览器)经验代码分享
Jan 24 Javascript
js获取RadioButtonList的Value/Text及选中值等信息实现代码
Mar 05 Javascript
判断复选框是否被选中的两种方法
Jun 04 Javascript
javascript实现简单的页面右下角提示信息框
Jul 31 Javascript
jQuery实现的漂亮表单效果代码
Aug 18 Javascript
基于LayUI分页和LayUI laypage分页的使用示例
Aug 02 Javascript
vue3.0 CLI - 2.1 -  component 组件入门教程
Sep 14 Javascript
一个Java程序猿眼中的前后端分离以及Vue.js入门(推荐)
Apr 19 Javascript
js代码编写无缝轮播图
Sep 13 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父类调用子类方法的代码例子
2014/04/09 PHP
PHP+jquery+ajax实现即时聊天功能实例
2014/12/23 PHP
childNodes.length与children.length的区别
2009/05/14 Javascript
JavaScript 原型链学习总结
2010/10/29 Javascript
读jQuery之十 事件模块概述
2011/06/27 Javascript
Jquery提交表单 Form.js官方插件介绍
2012/03/01 Javascript
jquery创建一个新的节点对象(自定义结构/内容)的好方法
2013/01/21 Javascript
8个超实用的jQuery功能代码分享
2015/01/08 Javascript
jQuery实现的输入框选择时间插件用法实例
2015/02/28 Javascript
jQuery 1.9.1源码分析系列(十五)之动画处理
2015/12/03 Javascript
JS获取中文拼音首字母并通过拼音首字母快速查找页面内对应中文内容的方法【附demo源码】
2016/08/19 Javascript
js实现导航栏中英文切换效果
2017/01/16 Javascript
详解如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件
2017/06/01 jQuery
jQuery Ajax使用FormData上传文件和其他数据后端web.py获取
2017/06/11 jQuery
easyui-datagrid开发实践(总结)
2017/08/02 Javascript
JS处理数据四舍五入(tofixed与round的区别详解)
2017/10/26 Javascript
自定义PC微信扫码登录样式写法
2017/12/12 Javascript
你可能不知道的前端算法之文字避让(inMap)
2018/01/12 Javascript
从parcel.js打包出错到选择nvm的全部过程
2018/01/23 Javascript
解决vue.js this.$router.push无效的问题
2018/09/03 Javascript
在Vue项目中引入JQuery-ui插件的讲解
2019/01/27 jQuery
Vue Element UI + OSS实现上传文件功能
2019/07/31 Javascript
JavaScript如何判断input数据类型
2020/02/06 Javascript
jQuery操作选中select下拉框的值代码实例
2020/02/07 jQuery
vue router-link 默认a标签去除下划线的实现
2020/11/06 Javascript
[00:33]2016完美“圣”典风云人物:BurNIng宣传片
2016/12/10 DOTA
python按比例随机切分数据的实现
2019/07/11 Python
John Hardy官方网站:手工设计首饰的奢侈品牌
2017/07/05 全球购物
什么是servlet
2012/05/08 面试题
信用卡工资证明格式
2014/09/13 职场文书
个人纪律作风整改措施思想汇报
2014/10/12 职场文书
2014年计划生育工作总结
2014/11/14 职场文书
优秀教师申报材料
2014/12/16 职场文书
2014年机关工会工作总结
2014/12/19 职场文书
六一领导慰问欢迎词
2015/01/26 职场文书
2015年社会实践个人总结
2015/03/06 职场文书