SpringMVC框架下JQuery传递并解析Json格式的数据是如何实现的

2024-09-28 12:12:31

json作为一种轻量级的数据交换格式，在前后台数据交换中占据着非常重要的地位。Json的语法非常简单，采用的是键值对表示形式。JSON 可以将 JavaScript 对象中表示的一组数据转换为字符串，然后就可以在函数之间轻松地传递这个字符串，或者在异步应用程序中将字符串从 Web 客户机传递给服务器端程序，也可以从服务器端程序传递json格式的字符串给前端并由前端解释。这个字符串是符合json语法的，而json语法又是 javascript语法的子集，所以javascript很容易解释它，而且 JSON 可以表示比"名称 / 值对"更复杂的结构。下面我们通过实例来看看JQuery传递/解析json格式的数据是如何实现的。

1.首先来看前端jsp代码：

<%@ page language="java" contentType="text/html; charset=UTF-8"
  pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="/springMVC6/js/jquery-1.7.2.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
  $(document).ready(function(){
    //传递字符串格式json对象到后台（一个json对象）
    $("#resolveJsonObject").click(function(){
      var userName =encodeURI($("#userName").attr("value"));
      var age = encodeURI($("#age").attr("value"));
      var user = {userName:userName,age:age};
      var aMenu = encodeURI(JSON.stringify(user));
      $.ajax({
         url:"/springMVC6/user/data/resolveJsonObject" ,
         data:"orderJson=" + aMenu,
         success:function(data){
        }
      });
    });
    //传递json数组到后台
    $("#resolveJsonArray").click(function(){
      var userName =encodeURI($("#userName").attr("value"));
      var age = encodeURI($("#age").attr("value"));
      //数组开始
      var user1 = {userName:userName,age:age};
      var allMenu={
        "menu":[ ]
        };
      allMenu.menu.push(user1);
      var allMenu1 = encodeURI(JSON.stringify(allMenu));
      $.ajax({
        //json数组
         url:"/springMVC6/user/data/resolveJsonArray" ,
        data:"orderJson=" + allMenu1,
        success:function(data){
        }
      });
    });
    //接收后台的json在前台解析
    $("#resolveJson").click(function(){
      $.ajax({
        //解析从后台返回的json数据
        url:"/springMVC6/user/data/resolveJson" ,
        type:"post",
        success:function(data){
          var arr=eval(data);
          alert(arr.length);
          for(var m = 0;m<arr.length;m++){
            alert(arr[m].user.userName);
          }
        }
      });
    });
  });
</script>
</head>
<body>
  <h1>json添加用户</h1>
  姓名：<input id="userName" type="text" name="userName">
  年龄:<input id="age" type="text" name="age"><br>
  <input type="button" id="resolveJsonObject" value="json对象">
  <input type="button" id="resolveJsonArray" value="json数组">
  <input type="button" id="resolveJson" value="前端解析json字符串">
</body>
</html>

2.使用javabean解析前端数据：

package com.tgb.web.controller.annotation;
import java.io.IOException;
import java.net.URLDecoder;
import java.util.ArrayList;
import java.util.List;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import net.sf.json.JSONArray;
import net.sf.json.JSONObject;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import com.tgb.web.controller.entity.User;
@Controller
@RequestMapping("/user/data")
public class DataController {
  //接收前台传过来的字符串格式的json对象，在后台进行解析
  @RequestMapping("/resolveJsonObject"  )
  public void resolveJsonObject(HttpServletRequest request,HttpServletResponse response) throws IOException {
    //解码
    String str = URLDecoder.decode(request.getParameter("orderJson"),"UTF-8");
    JSONObject jb=new JSONObject();
    //将json格式的字符串转换为json对象，并取得该对象的“userName”属性值
    String o=(String)jb.fromObject(str).get("userName");
    System.out.println(o);
  }
   //传递json数组字符串
  @RequestMapping("/resolveJsonArray" )
  public void resolveJsonArray(HttpServletRequest request,HttpServletResponse response) throws IOException {
    //解码，为了解决中文乱码
    String str = URLDecoder.decode(request.getParameter("orderJson"),"UTF-8");
    JSONObject jb=new JSONObject();
    //将json格式的字符串转换为json数组对象
    JSONArray array=(JSONArray)jb.fromObject(str).get("menu");
    //取得json数组中的第一个对象
    JSONObject o = (JSONObject) array.get(0);//获得第一个array结果
    //取出json数组中第一个对象的“userName”属性值
    String name=o.get("userName").toString();//获得属性值
    System.out.println(name);
  }
  //通过该函数返回json格式的数据，在前台通过JQuery进行解析
  @RequestMapping("/resolveJson" )
  public void resolveJson(HttpServletRequest request,HttpServletResponse response) throws IOException {
    List m = (List) new ArrayList();
    JSONArray jsons = new JSONArray();
    for(int i=0;i<10;i++){
      User user = new User();
      user.setUserName("name_" + i);
      m.add(user);
    }
    for(int j=0;j<m.size();j++){
      JSONObject jsonObject = new JSONObject();
      jsonObject.put("user", m.get(j));
      jsons.add(jsonObject);
    }
    response.getWriter().print(jsons.toString()) ;
  }
  @RequestMapping("/toJson"  )
  public String toJson() {
    return "/json";
  }
}

json的作用并不仅仅在于作为字符串在前后台进行传递，我们采用json传递数据的时候更主要的考虑到的是它的传输效率。当两个系统需要进行数据交换的时候，如果传递的是经过序列化的对象，效率是非常低的，如果传递的是存储大量对象的数组的时候效率就更不敢想象了，这时如果通过将对象或数据转换成json字符串进行传递，效率就会提高很多。本文仅针对单系统中前后台数据传输与解析进行讲解，异构系统之间的json传输不在本文讨论范围内。

以上所述是SpringMVC框架下JQuery传递并解析Json格式的数据是如何实现的相关资料，希望大家喜欢。

详解springmvc 接收json对象的两种方式

最近学习了springmvc 接收json对象的两种方式,现在整理出来,具体如下: 1.以实体类方式接收前端 ajax 提交数据: function fAddObj() { var obj = {}; obj['objname'] = "obj"; obj['pid'] = 1 ; $.ajax({ url: 'admin/Obj/addObj.do', method: 'post', contentType: 'application/json', // 这句不加出现415错误:U
详解SpringMVC @RequestBody接收Json对象字符串

页面提交请求参数有两种,一种是form格式提交,一种json格式提交通常情况下我们使用的都是form格式提交的数据,数据格式:k=v&k=v,这个时候用springMVC接收参数没有问题,但有时候前端会通过json向后端传递数据,就会出现springMVC获取不到参数值的情况注意:jQuery的$.post方法虽然也可以传递json格式数据,但实际上是用的form格式提交,jquery会帮你把json转成form格式提交后台所以其实可以通过$.post,$.get来提交json格式,让jq
SpringMVC环境下实现的Ajax异步请求JSON格式数据

一环境搭建首先是常规的spring mvc环境搭建,不用多说,需要注意的是,这里需要引入jackson相关jar包,然后在spring配置文件"springmvc-servlet.xml"中添加json解析相关配置,我这里的完整代码如下: <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schem
springMVC利用FastJson接口返回json数据相关配置详解

一直使用的是FastJson,感觉还不错,很方便.看了一段别人的分析,觉得很有道理. 为什么要使用Fastjson,其实原因不需要太多,喜欢就行. 我之所以要替换掉Jackson最主要的原因是Jackson在处理对象之前的循环嵌套关系时不便. ps:什么是对象间的循环嵌套?比如A有一个List,B对象里又有一个A对象,当然返回A对象的Json字符串时,如果是 Jackson就会发生异常,因为Jackson天生不具备处理这种关系的能力,而Fastjson正好具备了这种能力(另,如果你用的是 Jac
SpringMVC返回json数据的三种方式

Spring MVC属于SpringFrameWork的后续产品,已经融合在Spring Web Flow里面.Spring 框架提供了构建 Web 应用程序的全功能 MVC 模块.使用 Spring 可插入的 MVC架构,从而在使用Spring进行WEB开发时,可以选择使用Spring的SpringMVC框架或集成其他MVC开发框架,如Struts1,Struts2等. 1.第一种方式是spring2时代的产物,也就是每个json视图controller配置一个Jsoniew. 如:<bean
SpringMVC中controller接收json数据的方法

本文实例为大家分享了SpringMVC中controller接收json数据的方法,供大家参考,具体内容如下 1.jsp页面发送ajax的post请求: function postJson(){ var json = {"username" : "imp", "password" : "123456"}; $.ajax({ type : "post", url : "<%=basePath
详解springmvc之json数据交互controller方法返回值为简单类型

当controller方法的返回值为简单类型比如String时,该如何与json交互呢? 使用@RequestBody 比如代码如下: @RequestMapping(value="/ceshijson",produces="application/json;charset=UTF-8") @ResponseBody public String ceshijson(@RequestBody String channelId) throws IOException{
解决SpringMVC 返回Java8 时间JSON数据的格式化问题处理

有时在Spring MVC中返回JSON格式的response的时候会使用@ResponseBody注解,不过在处理java8中时间的时候会很麻烦,一般我们使用的HTTPMessageConverter是MappingJackson2HttpMessageConverter,它默认返回的时间格式是这种: "startDate" : { "year" : 2010, "month" : "JANUARY", "dayO
java web SpringMVC后端传json数据到前端页面实例代码

下面的后台的代码:目的的查询数据库中的所有省的列表,然后转化为json传到前端页面 @Controller public class DistrictController { @Resource private ProvinceService provinceServiceImp; @Resource private CityService cityServiceImp; @Resource private TourSpotService tourSpotServiceImp; /** * 获取
SpringMVC restful 注解之@RequestBody进行json与object转换

由于快过年的原因,项目组没有太多任务,闲来无事研究了一下spring中restful调用.发现spring竟然已经强大到如此境界,程序员已经不需要在关心在写接口的过程中数据的转换以及调用,只需要专注业务.下面我总结一下步骤及其在研究过程的遇到的问题. 步骤: 1.git clone https://github.com/spring-guides/gs-rest-service.git 从spring官网上下载了源码 2.进行maven编译(gradle也行) 3.运行.访问http://loc

SpringMVC框架下JQuery传递并解析Json格式的数据是如何实现的

相关推荐

随机推荐