一种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 相关文章推荐
小议Function.apply()之二------利用Apply的参数数组化来提高 JavaScript程序性能
Nov 30 Javascript
jquery插件tooltipv顶部淡入淡出效果使用示例
Dec 05 Javascript
浅析jQuery(function(){})与(function(){})(jQuery)之间的区别
Jan 09 Javascript
字段太多jquey快速清空表单内容方法
Aug 21 Javascript
JavaScript对象数组的排序处理方法
Oct 21 Javascript
JavaScipt中栈的实现方法
Feb 17 Javascript
confirm确认对话框的实现方法总结
Jun 17 Javascript
利用jQuery来动态为属性添加或者删除属性的简单方法
Dec 02 Javascript
Node.js数据库操作之连接MySQL数据库(一)
Mar 04 Javascript
通过示例彻底搞懂js闭包
Aug 10 Javascript
浅谈webpack4 图片处理汇总
Sep 12 Javascript
vue实现一个矩形标记区域(rectangle marker)的方法
Oct 28 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
咖啡产品发展的三大浪潮
2021/03/04 咖啡文化
php学习之简单计算器实现代码
2011/06/09 PHP
Zend的Registry机制的使用说明
2013/05/02 PHP
PHP echo()函数讲解
2019/02/15 PHP
Prototype1.5 rc2版指南最后一篇之Position
2007/01/10 Javascript
javascript编程起步(第四课)
2007/01/10 Javascript
JavaScript Eval 函数使用
2010/03/23 Javascript
jquery $.each() 使用小探
2013/08/23 Javascript
jQuery类选择器用法实例
2014/12/23 Javascript
JavaScript实现数组在指定位置插入若干元素的方法
2015/04/06 Javascript
jQuery图片特效插件Revealing实现拉伸放大
2015/04/22 Javascript
原生JavaScript实现瀑布流布局
2020/06/28 Javascript
JavaScript 轮播图和自定义滚动条配合鼠标滚轮分享代码贴
2016/10/28 Javascript
jQuery实现模拟flash头像裁切上传功能示例
2016/12/11 Javascript
如何快速上手Vuex
2017/02/14 Javascript
jQuery自定义元素右键点击事件(实现案例)
2017/04/28 jQuery
JavaScript使用ZeroClipboard操作剪切板
2017/05/10 Javascript
node.js中express-session配置项详解
2017/05/31 Javascript
微信小程序实现的自定义分享功能示例
2019/02/12 Javascript
echarts实现晶体球面投影的实例教程
2020/10/10 Javascript
vue项目中企业微信使用js-sdk时config和agentConfig配置方式详解
2020/12/15 Vue.js
玩转python爬虫之cookie使用方法
2016/02/17 Python
python基于phantomjs实现导入图片
2016/05/13 Python
python 简单的绘图工具turtle使用详解
2017/06/21 Python
python 3.0 模拟用户登录功能并实现三次错误锁定
2017/11/01 Python
python实现决策树分类算法
2017/12/21 Python
Python生成器常见问题及解决方案
2020/03/21 Python
零基础学Python之前需要学c语言吗
2020/07/21 Python
Python tkinter实现日期选择器
2021/02/22 Python
5分钟实现Canvas鼠标跟随动画背景
2019/11/18 HTML / CSS
培训心得体会
2013/12/29 职场文书
社区庆中秋节活动方案
2014/02/07 职场文书
股东出资证明书范例
2014/10/04 职场文书
捐助倡议书
2015/01/19 职场文书
2016年“9.22”世界无车日活动小结
2016/04/05 职场文书
JS Canvas接口和动画效果大全
2021/04/29 Javascript