一种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 刷新全集常用代码
Nov 22 Javascript
推荐11款jQuery开发的复选框和单选框美化插件
Aug 02 Javascript
当jQuery1.7遇上focus方法的问题
Jan 26 Javascript
jquery datepicker参数介绍和示例
Apr 15 Javascript
JQuery限制复选框checkbox可选中个数的方法
Apr 20 Javascript
jQuery+ajax简单实现文件上传的方法
Jun 03 Javascript
一句jQuery代码实现返回顶部效果(简单实用)
Dec 28 Javascript
Node.js使用NodeMailer发送邮件实例代码
Mar 06 Javascript
javascript深拷贝的原理与实现方法分析
Apr 10 Javascript
jQuery+ajax实现修改密码验证功能实例详解
Jul 06 jQuery
支付宝小程序tabbar底部导航
Nov 06 Javascript
实现AJAX异步调用和局部刷新的基本步骤
Mar 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
php中静态类与静态变量用法的区别分析
2015/01/15 PHP
PHP简单生成缩略图相册的方法
2015/07/29 PHP
php socket通信(tcp/udp)实例分析
2016/02/14 PHP
Firefox下提示illegal character并出现乱码的原因
2010/03/25 Javascript
如何用ajax来创建一个XMLHttpRequest对象
2012/12/10 Javascript
判断js对象是否拥有某一个属性的js代码
2013/08/16 Javascript
JQuery中使用Ajax赋值给全局变量异常的解决方法
2014/01/10 Javascript
javascript setinterval 的正确语法如何书写
2014/06/17 Javascript
JS实现点击复选框将按钮或文本框变为灰色不可用的方法
2015/08/11 Javascript
js仿支付宝填写支付密码效果实现多方框输入密码
2016/03/09 Javascript
JavaScript中误用/g导致的正则test()无法正确重复执行的解决方案
2016/07/27 Javascript
BootStrap+Mybatis框架下实现表单提交数据重复验证
2017/03/23 Javascript
js canvas实现放大镜查看图片功能
2017/06/08 Javascript
JavaScript利用fetch实现异步请求的方法实例
2017/07/26 Javascript
禁止弹窗中蒙层底部页面跟随滚动的几种方法
2017/12/07 Javascript
深入理解react-router 路由的实现原理
2018/09/26 Javascript
vue.js中导出Excel表格的案例分析
2019/06/11 Javascript
微信公众号开发之微信支付代码记录的实现
2019/10/16 Javascript
vue中英文切换实例代码
2020/01/21 Javascript
js实现幻灯片轮播图
2020/08/14 Javascript
解读python如何实现决策树算法
2018/10/11 Python
Python学习笔记之集合的概念和简单使用示例
2019/08/22 Python
tensorflow 保存模型和取出中间权重例子
2020/01/24 Python
Python双链表原理与实现方法详解
2020/02/22 Python
Tahari ASL官方网站:高级设计师女装
2021/03/15 全球购物
小班上学期评语
2014/05/05 职场文书
个人课题方案
2014/05/08 职场文书
服务行业口号
2014/06/11 职场文书
毕业实习证明(4篇)
2014/10/28 职场文书
《天净沙·秋思》教学反思三篇
2019/11/02 职场文书
go:垃圾回收GC触发条件详解
2021/04/24 Golang
七个Python必备的GUI库
2021/04/27 Python
vue实现简单数据双向绑定
2021/04/28 Vue.js
Python异常类型以及处理方法汇总
2021/06/05 Python
JavaWeb Servlet实现网页登录功能
2021/07/04 Java/Android
git中cherry-pick命令的使用教程
2022/06/25 Servers