一种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 相关文章推荐
window.open的功能全解析
Oct 10 Javascript
围观tangram js库
Dec 28 Javascript
js实现上一页下一页的效果【附代码】
Mar 10 Javascript
使用getBoundingClientRect方法实现简洁的sticky组件的方法
Mar 22 Javascript
JS中作用域和变量提升(hoisting)的深入理解
Oct 31 Javascript
js仿淘宝评价评分功能
Feb 28 Javascript
解决angularjs前后端分离调用接口传递中文时中文乱码的问题
Aug 13 Javascript
Vue中插入HTML代码的方法
Sep 21 Javascript
JavaScript常用内置对象用法分析
Jul 09 Javascript
vue 动态组件用法示例小结
Mar 06 Javascript
有关vue 开发钉钉 H5 微应用 dd.ready() 不执行问题及快速解决方案
May 09 Javascript
如何在 Vue 中使用 JSX
Feb 14 Vue.js
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
《被神捡到的男人》动画化计划进行中!
2020/03/06 日漫
解析在PHP中使用全局变量的几种方法
2013/06/24 PHP
PHP四舍五入精确小数位及取整
2014/01/14 PHP
smarty中js的调用方法示例
2014/10/27 PHP
php遍历替换目录下文件指定内容的方法
2016/11/10 PHP
jQuery AjaxQueue改进步骤
2011/10/06 Javascript
jQuery UI 实现email输入提示实例
2013/08/15 Javascript
jquery Ajax 实现加载数据前动画效果的示例代码
2014/02/07 Javascript
node.js中的socket.io的广播消息
2014/12/15 Javascript
JavaScript DSL 流畅接口(使用链式调用)实例
2015/03/15 Javascript
神奇!js+CSS+DIV实现文字颜色渐变效果
2016/03/16 Javascript
利用Angularjs和Bootstrap前端开发案例实战
2016/08/27 Javascript
原生JS取代一些JQuery方法的简单实现
2016/09/20 Javascript
利用jquery实现验证输入的是否是数字、小数,包含保留几位小数
2016/12/07 Javascript
jQuery实现菜单栏导航效果
2017/08/15 jQuery
基于nodejs实现微信支付功能
2017/12/20 NodeJs
vue 配置多页面应用的示例代码
2018/10/22 Javascript
Vue.Draggable拖拽功能的配置使用方法
2020/07/29 Javascript
Vue中点击active并第一个默认选中功能的实现
2020/02/24 Javascript
微信小程序实现打卡签到页面
2020/09/21 Javascript
python利用标准库如何获取本地IP示例详解
2017/11/01 Python
Python读取txt文件数据的方法(用于接口自动化参数化数据)
2018/06/27 Python
Python输出指定字符串的方法
2020/02/06 Python
Win10下配置tensorflow-gpu的详细教程(无VS2015/2017)
2020/07/14 Python
亚瑟士美国官网:ASICS美国
2017/02/01 全球购物
日本食品网上商店:JaponShop.com
2017/11/28 全球购物
汇科协同Java笔试题
2012/03/31 面试题
幼师自我鉴定范文
2013/10/01 职场文书
进修护士自我鉴定
2013/10/14 职场文书
专升本个人自我评价
2013/12/22 职场文书
工程安全员岗位职责
2014/03/09 职场文书
经济职业学院毕业生自荐书
2014/03/17 职场文书
关于读书的演讲稿400字
2014/08/27 职场文书
2015年学校财务工作总结
2015/05/19 职场文书
2015年校医个人工作总结
2015/07/24 职场文书
2015年社区国庆节活动总结
2015/07/30 职场文书