一种Javascript解释ajax返回的json的好方法(推荐)

 更新时间:2016年06月02日 15:47:29   投稿:jingxian  
下面小编就为大家带来一篇一种Javascript解释ajax返回的json的好方法(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

通常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 与 CSS

    多浏览器兼容的动态加载 JavaScript 与 CSS

    Omar AL Zabir这位MVP总是喜欢搞些稀奇古怪同时又很实用的小东西,并且还十分值得参考。最近他就做了一个叫做ensure的小工具用于动态加载JavaScript、CSS与HTML,而且IE、Firefox、Opera、Safari都支持了,那么我们就来看看ensure是如何做到动态加载JavaScript与CSS的。
    2008-09-09
  • js实现表单多按钮提交action的处理方法

    js实现表单多按钮提交action的处理方法

    这篇文章主要介绍了js实现表单多按钮提交action的处理方法,需要的朋友可以参考下
    2015-10-10
  • 三种方式实现瀑布流布局

    三种方式实现瀑布流布局

    本文主要介绍了分别使用javascript,jquery,css实现瀑布流布局的方法。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • JavaScript中一些特殊的字符运算

    JavaScript中一些特殊的字符运算

    这篇文章主要介绍了JavaScript中一些特殊的字符运算的相关资料,需要的朋友可以参考下
    2017-08-08
  • 微信小程序宿主环境基础介绍

    微信小程序宿主环境基础介绍

    这篇文章主要介绍了微信小程序宿主环境的基础知识,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-08-08
  • 一问了解JavaScript中的元数据

    一问了解JavaScript中的元数据

    本文主要介绍了一问了解JavaScript中的元数据,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-04-04
  • js弹出确认是否删除对话框

    js弹出确认是否删除对话框

    这篇文章主要介绍了js弹出确认是否删除对话框,具体实现代码如下,需要的朋友可以参考下
    2014-03-03
  • 初学JavaScript_03(ExtJs Grid的简单使用)

    初学JavaScript_03(ExtJs Grid的简单使用)

    Ext JS Grid的简单使用:(从土豆的文档中学到)
    2008-10-10
  • Ajax基础知识详解

    Ajax基础知识详解

    本文主要介绍了Ajax基础知识。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • JavaScript 数组详解

    JavaScript 数组详解

    学习js就不得不学他的数组,这篇文章是由色拉油整理下,需要学习js数组的朋友可以参考下
    2013-10-10

最新评论