一种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 保存数组到Cookie的代码
Apr 14 Javascript
javascript中取前n天日期的两种方法分享
Jan 26 Javascript
jQuery 删除/替换DOM元素的几种方式
May 20 Javascript
JS实现的页面自定义滚动条效果
Oct 26 Javascript
javascript和jQuery实现网页实时聊天的ajax长轮询
Jul 20 Javascript
BootStrap Typeahead自动补全插件实例代码
Aug 10 Javascript
jQuery插件HighCharts绘制简单2D柱状图效果示例【附demo源码】
Mar 21 jQuery
JavaScript中使用参数个数实现重载功能
Sep 01 Javascript
详解webpack之scss和postcss-loader的配置
Jan 09 Javascript
angularjs $http调用接口的方式详解
Aug 13 Javascript
layui自定义工具栏的方法
Sep 19 Javascript
浅谈Vue.set实际上是什么
Oct 17 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 前加at符合@的作用解析
2015/07/31 PHP
PHP实现随机生成水印图片功能
2017/03/22 PHP
node.js中的console.log方法使用说明
2014/12/09 Javascript
基于jQuery通过jQuery.form.js插件使用ajax提交form表单
2015/08/17 Javascript
基于JQuery实现图片上传预览与删除操作
2016/05/24 Javascript
ExtJS 4.2 Grid组件单元格合并的方法
2016/10/12 Javascript
JavaScript实现清空(重置)文件类型INPUT元素值的方法
2016/11/17 Javascript
详解如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件
2017/06/01 jQuery
简述Angular 5 快速入门
2017/11/04 Javascript
jQuery中图片展示插件highslide.js的简单dom
2018/04/22 jQuery
vue实现通讯录功能
2018/07/14 Javascript
axios的拦截请求与响应方法
2018/08/11 Javascript
vue中监听返回键问题
2019/08/28 Javascript
JS动态显示倒计时效果
2019/12/12 Javascript
详解node和ES6的模块导出与导入
2020/02/19 Javascript
VUE table表格动态添加一列数据,新增的这些数据不可以编辑(v-model绑定的数据不能实时更新)
2020/04/03 Javascript
Vue点击切换Class变化,实现Active当前样式操作
2020/07/17 Javascript
Vue使用axios引起的后台session不同操作
2020/08/14 Javascript
Python后台开发Django的教程详解(启动)
2019/04/08 Python
Flask框架学习笔记之路由和反向路由详解【图文与实例】
2019/08/12 Python
CSS3 完美实现圆角效果
2009/07/13 HTML / CSS
wordpress添加Html5的表单验证required方法小结
2020/08/18 HTML / CSS
您附近的水疗和健康场所:Spafinder(美国)
2019/07/05 全球购物
学生就业推荐信
2013/11/13 职场文书
建筑工程管理专业自荐信范文
2013/12/28 职场文书
中专生职业生涯规划书范文
2014/01/10 职场文书
工作求职自荐信
2014/06/13 职场文书
2014个人反腐倡廉思想汇报
2014/09/15 职场文书
小学校园广播稿(3篇)
2014/09/19 职场文书
2015年工会工作总结
2015/03/30 职场文书
研究生论文答辩开场白
2015/05/27 职场文书
行政复议决定书
2015/06/24 职场文书
学习十八大的感悟
2015/08/11 职场文书
Golang日志包的使用
2022/04/20 Golang
大脑的记忆过程在做数据压缩,不同图形也有共同的记忆格式
2022/04/29 数码科技