2018,狗年。如果在你出生日期的年份上加12等于2018的话,私聊我,今年是你的本命年,你得发红包!!!

子(鼠)、丑(牛)、寅(虎)、卯(兔)、辰(龙)、巳(蛇)、午(马)、未(羊)、申(猴)、酉(鸡)、戌(狗)、亥(猪)

JSON:JavaScript 对象表示法(JavaScript Object Notation),是轻量级的文本数据交换格式。类似 XML,但比XML 更小、更快,更易解析。

  从上面这句话可以看出:<1> JSON 是纯文本

             <2> JSON 具有层级结构(类似XML,键值对)

             <3> JSON 可通过 JavaScript 进行解析

个人理解为:JSON 是 在js中处理对象和交换数据的,采用键值对方式存贮数据的文本轻量级格式。

JSON 语法:<1> 数据在键/值对中

      <2> 数据由逗号分隔                                                   

      <3> 花括号保存对象    --->   { "name":"zhangs" , "year":"18" }                                  

      <4> 方括号保存数组    --->   { "employees" :[{ " name":"zhangs" , "year":"18" } ,{ " name":"zhangs" , "year":"18" }] }   (多个对象)

  获取数据:employees[0].name;

接下来,就讲解几种常用的 json 数据处理 (java 和 jsp)

一、jsp -->java

 1.json 操作多个实体对象(列如保存提交多个对象,采用序列化表单,json转换)

    jsp
      <input type="hidden" id="inputForm" name="inputForm"/> 
    js
      var inputForm = $("#inputForm").serializeObject();
      $("#inputForm").val(JSON.stringify(inputForm));
    java
    String inputForm = request.getParameter("inputForm");
    Employee employee = (Employee) JsonMapper.fromJsonString(inputForm, Employee.class); //(转成实体对象,不能获取冗余的其他对象)
    JSONObject json = new JSONObject(inputForm); //(转成Json对象)
    String name = json.getString("project.name"); //(获取其他对象值)
    String linkphone = json.getString("project.linkphone");

二、java -->jsp

1.json 集合转json
  java
    List<Employee> employeeList = proinfoService.findMapList(employee);
    model.addAttribute("employeeList", JsonMapper.getInstance().toJson(employeeList));

  js
    对于服务器返回的JSON字符串,如果请求没做类型说明,或者以字符串方式接受,那么需要做一次对象化处理,要将该字符串放于eval()中执行一次。
  $.each(eval(employeeList),function(n,value) {
  String name = value.name;
  });
    由于json是以”{}”的方式来开始以及结束的,在JS中,它会被当成一个语句块来处理,所以必须强制性的将它转换成一种表达式。
2.json 操作对象集合(用于动态加载集合数据)
  java 返回List<Employee>
  Page<Employee> page = new Page<Employee>(Integer.valueOf(start), Integer.valueOf(count));
  String organId = request.getParameter("organId");
  Employee employee = new Employee();
  employee.setIntermediaryid(organId);
  page = employeeService.findPage(page, employee);
  return page.getList();   js
  $.ajax({
  url: '/outer/getEmployeeList',
   type: 'post',
   data: 'start='+start+'&count='+pageSize+'&organId='+organId,
  dataType: 'json',
  success: function(data){
  var str = "";
  for(i = 0; i < data.length; i++){
   if(0 == i%2){
              //(turnToEmployee(\''+ data[i].id + '\') -- \' 转义 单眼号 '  )
   str += '<tr style="background-color:#F4F7FB" onclick="turnToEmployee(\''+ data[i].id + '\')">' + '<td>' + data[i].name+ '</td>';
   }else{
   str += '<tr onclick="turnToEmployee(\''+ data[i].id + '\')">' + '<td>' + data[i].name+ '</td>';
  }
  str += '<td>' + data[i].idcard+ '</td>' ;
  str += '<td>' + data[i].linkphone+'</td>'
  str += '<td>' + data[i].workyear+'</td>'
   }
  $(".listTable tbody").empty();
  $(".listTable tbody").append(str);
  }
  });
3.很特殊的一种 json 操作String集合
  java 返回List<String>
  List 中的元素是按照 add 顺序加载的,并且里面有重复的元素。这就是有序可重复的意思。
  Set 中的元素并没有按照 add 顺序加载的,并且里面没有重复的元素。这就是无序不可重复的意思。   List<String> temp = Lists.newArrayList();
   temp.add(p.getName());
  HashSet<String> h = new HashSet<String>(temp); //(用hashSet 去重顺序不变,集合类型得相匹配)
   temp.clear();
   temp.addAll(h);
   return JsonMapper.toJsonString(temp);   jsp
   $.ajax({
  url: "",
   type: 'post',
   data: '',
   dataType: 'json',
   async: false,
   success: function(data){
   $("#"+data[d]).css("background", "#6699FF");
   }
   });

最后再提两个知识点:JSON.parse()    JSON.stringify()

parse 用于从一个字符串中解析出对象 eg:

  var str = '{"name":"zhangs","age":"18"}';

  JSON.parse(str); -- >name : "zhangs"

            -- >age : "18"

stringify 用于把对象解析成字符串 eg:

  var obj = {name: "zhangs" , age: "18"};

  JSON.stringify(obj); -- > '{"name":"zhangs","age":"18"}';

人依旧,物依然,又是一年;想也好,忘也罢,本是平凡;今儿好,明更好,衷心祝愿;情也真,意也切,常驻心间。提前预祝2018年新年快乐!!!

    

JSON 数据操作的更多相关文章

  1. python 发送json数据操作实例分析 - python

    文章来源:嗨学网 敏而好学论坛www.piaodoo.com 欢迎大家相互学习 本文实例讲述了python 发送json数据操作.分享给大家供大家参考,具体如下: # !/usr/bin/env py ...

  2. ajax 返回json数据操作

    例子: $.ajax({ url: "<?=Url::toRoute('add-all-staff')?>", type: 'get', dataType: 'json ...

  3. python json 数据操作

    python 有专门针对 json 操作的函数 #!/usr/bin/python3 import json mytest_js = { "a" : 1, "b" ...

  4. SparkSQL JSON数据操作(1.3->1.4)

    1.用户自定义schema data json串格式如下: { "partner_code": "demo", "app_name": &q ...

  5. js常用JSON数据操作

    JSON字符串: var  str = '{"name": "jack", "age": 13}'; JSON对象: var obj = { ...

  6. json数据操作

    <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title> ...

  7. Java读取json文件并对json数据进行读取、添加、删除与修改操作

    转载:http://blog.csdn.net/qing_yun/article/details/46865863#t0   1.介绍 开发过程中经常会遇到json数据的处理,而单独对json数据进行 ...

  8. js之操作JSON数据

    JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式.同时,JSON是 JavaScript 原生格式,这意 ...

  9. js中如何操作json数据

    一.要想熟练的操作json数据,就先要了解json数据的结构,json有两种结构:对象和数组. 1.对象 一个对象以“{”开始,“}”结束.每个“名称”后跟一个“:”:“‘名称/值’ 对”之间使用“, ...

随机推荐

  1. KendoUI 基础:Grid 绑定template展示

    Grid 绑定template展示 <div id="TodayEditorGrid" style="margin:0 10px"></div ...

  2. python串口调试,M3650B-HA调试

    使用python serial与M3650B-HA(RFID读写器)串口通信 环境:py3.6 模块:pyserial 1.serial模块安装2.废话不多说,直接上代码,测试环境py3.6 # co ...

  3. Android Looper原理分析

    实际业务使用场景: 某业务场景需要将本地数据传递到服务端,服务端再返回传递成功或者失败的信息. 1. 失败时: 重传5次 2.设置客户端请求的最小时间间隔,这个间隔内最多请求1次 具体逻辑如下:(这里 ...

  4. bzoj 1179: [Apio2009]Atm

    Description Input 第 一行包含两个整数N.M.N表示路口的个数,M表示道路条数.接下来M行,每行两个整数,这两个整数都在1到N之间,第i+1行的两个整数表示第i条道路 的起点和终点的 ...

  5. Elasticsearch索引自动删除

    简介 脚本分2部分,1部分查找符合条件的索引名,2脚本调用1脚本,进行删除操作 脚本 查找符合条件的,默认大于30天 # coding:utf-8 __author__ = 'Jipu FANG' f ...

  6. Angularjs 2 绝对零基础的教程(1):从安装配置开始

    写在前面 适合人群: 1. 愿意未来从事前端工作,并以此开拓自己未来职业 2. 有任何一种编程语言基础 3. 喜欢简单粗暴学一门实用的技术,而不是做科研. Angular 2 比 Angular 1 ...

  7. Java基础--二进制运算

    1. System.out.println((byte)0x8f); 结果是? 2.System.out.println((byte)(0xc5>>1)); 结果是? 3.System.o ...

  8. requireJS(版本是2.1.15)学习教程(一)

    一:为什么要使用requireJS? 很久之前,我们所有的JS文件写到一个js文件里面去进行加载,但是当业务越来越复杂的时候,需要分成多个JS文件进行加载,比如在页面中head内分别引入a.js,b. ...

  9. css挖坑爬坑之div高宽相等

    目标效果 对于这么一个头像,外面是一个圆角的div里面是一个img,对于外面的div我要使他高度等于宽度. 发现问题 开始的时候设置宽度为100%然后高度为100%,这样子对于宽度来说的话可以撑满页面 ...

  10. 微信小程序开发之picker

    一.绑定简单数组 通过bindChange控制index,使得当前选择值发生改变 示例1 data: { Data: ['A','B'], Index: 0, }, <picker class= ...