1>：推荐JSON学习的网址：http://www.w3school.com.cn/json/index.asp

2>：JSON：

　　JavaScript 对象表示法（JavaScript Object Notation）,详细介绍呢，见上面的网址即可，这里重实践，轻理论，理论知识呢，去权威网站看比较靠谱。

3>重点介绍一个Javascript()函数：eval()函数；

　　用法见网址：http://www.w3school.com.cn/jsref/jsref_eval.asp

　　案例如下所示：

　　　　创建如index.jsp，源码如下；

　　　　注意：写法四和写法五

  1.  <%@ page language="java" contentType="text/html; charset=UTF-8"
  2.      pageEncoding="UTF-8"%>
  3.  <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  4.  <html>
  5.  <head>
  6.  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  7.  <title>json的使用</title>
  8.  </head>
  9.  <body>
  10.  <script type="text/javascript">
  11.      //写法一，引进
  12.      var user={id:'1001',name:'张三'};
  13.      alert(user.id+" "+user.name);
  14.  
  15.      //写法二，引进
  16.      var person={id:'1002',eat:function(){
  17.          alert("李四爱吃饭");
  18.      }};
  19.      alert(person.id);
  20.      person.eat();
  21.  
  22.      //写法三，实践
  23.      //eval()方法的使用
  24.      var a='alert("提示的信息")';
  25.      //eval() 函数可计算某个字符串，并执行其中的的 JavaScript代码
  26.      eval(a);
  27.  
  28.      //写法四，实践
  29.      var teacher={id:'1003',name:'王五'};
  30.      var tea=eval(teacher);
  31.      alert("编号："+tea.id+" "+"姓名："+tea.name);
  32.  
  33.      //写法五，实践
  34.      var teacher="{id:'1003',name:'王五'}";
  35.      var tea=eval("("+teacher+")");
  36.      alert("编号："+tea.id+" "+"姓名："+tea.name);
  37.  
  38.  </script>
  39.  
  40.  </body>
  41.  </html>

效果如下所示：

4>JSON数组的使用，创建一个json.jsp，源码如下所示：

  1.  <%@ page language="java" contentType="text/html; charset=UTF-8"
  2.      pageEncoding="UTF-8"%>
  3.  <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  4.  <html>
  5.  <head>
  6.  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  7.  <title>json的练习</title>
  8.  </head>
  9.  <body>
  10.  <script type="text/javascript">
  11.      //JSON数组,如何在页面显示json的数组格式
  12.      var emp={"totle":5,"employees":[
  13.          {"id":1001,"name":'张三'},
  14.          {"id":1002,"name":'李四'},
  15.          {"id":1003,"name":'王五'},
  16.          {"id":1004,"name":'赵六'},
  17.          {"id":1005,"name":'周七'}
  18.          ]};
  19.  
  20.      alert("雇员总数："+emp.totle);
  21.      for(var i=0;i<emp.employees.length;i++){
  22.          alert(emp.employees[i].id+" "+emp.employees[i].name);
  23.      }
  24.  
  25.  </script>
  26.  
  27.  </body>
  28.  </html>

演示效果如下所示：

5>思考如何将后台的数据格式构建成前台页面显示的格式呢？？？

　 第一种方式:手动构建，想想都够蛋疼的了，太麻烦了，手动构建；

String json="{'id:'"+user.getId()+",'name:'"+user.getName()+"}";

  1.  package com.bie.test;
  2.  
  3.  import com.bie.po.User;
  4.  
  5.  /**
  6.  * @author BieHongLi
  7.  * @version 创建时间：2017年3月9日 上午11:11:24
  8.  *
  9.  */
  10.  public class UserTest {
  11.  
  12.      public static void test1(){
  13.          //数据库查询的记录
  14.          User user=new User();
  15.          user.setId(1001);
  16.          user.setName("张三");
  17.  
  18.          //如何将后台的数据构建成为json格式呢"" ==> {} ==> "" ==> ++ ==> ''
  19.          String json="{'id:'"+user.getId()+",'name:'"+user.getName()+"}";
  20.          System.out.println(json);
  21.      }
  22.  
  23.      public static void main(String[] args) {
  24.          //调用第一个test1()方法
  25.          test1();
  26.      }
  27.  
  28.  }

演示效果如下所示：

　　第二种方式：使用apache下面封装好的jar包

　　　　 （1）：第一步，导入json的jar包，如下所示的jar包；　

　　　　　　   链接：http://pan.baidu.com/s/1jH6gN46 密码：lbh1

　　　　　　　

　　　　 （2）：开始使用apache这个公益组织封装好的jar进行测试；

　　　　　　   分别测试将对象，将数组，将集合转化为json格式。

牢记，熟练应用集合转化为json格式。

  1.  package com.bie.test;
  2.  
  3.  import com.bie.po.User;
  4.  
  5.  import net.sf.json.JSONObject;
  6.  
  7.  /**
  8.  * @author BieHongLi
  9.  * @version 创建时间：2017年3月9日 上午11:11:24
  10.  *
  11.  */
  12.  public class UserTest {
  13.  
  14.      public static void test1(){
  15.          //数据库查询的记录
  16.          User user=new User();
  17.          user.setId(1001);
  18.          user.setName("张三");
  19.  
  20.          //如何将后台的数据构建成为json格式呢"" ==> {} ==> "" ==> ++ ==> ''
  21.          String json="{'id:'"+user.getId()+",'name:'"+user.getName()+"}";
  22.          System.out.println(json);
  23.      }
  24.  
  25.      //将对象转化为json
  26.      public static void test2(){
  27.          //数据库查询的记录
  28.          User user=new User();
  29.          user.setId(1002);
  30.          user.setName("李四");
  31.  
  32.          //一定要引入所需的jar包，才可以使用此对象哦
  33.          JSONObject obj=JSONObject.fromObject(user);
  34.          System.out.println(obj);
  35.      }
  36.  
  37.      public static void main(String[] args) {
  38.          //调用第一个test1()方法
  39.          //test1();
  40.  
  41.          //调用第二个test2()方法
  42.          test2();
  43.  
  44.      }
  45.  
  46.  }

演示效果如下所示：

下面是将数组和集合转化为json格式的，最重要的是将集合转化为json格式的哦。

  1.  package com.bie.test;
  2.  
  3.  import java.util.ArrayList;
  4.  import java.util.List;
  5.  
  6.  import com.bie.po.User;
  7.  
  8.  import net.sf.json.JSONArray;
  9.  import net.sf.json.JSONObject;
  10.  
  11.  /**
  12.  * @author BieHongLi
  13.  * @version 创建时间：2017年3月9日 上午11:11:24
  14.  *
  15.  */
  16.  public class UserTest {
  17.  
  18.      public static void test1(){
  19.          //数据库查询的记录
  20.          User user=new User();
  21.          user.setId(1001);
  22.          user.setName("张三");
  23.  
  24.          //如何将后台的数据构建成为json格式呢"" ==> {} ==> "" ==> ++ ==> ''
  25.          String json="{'id:'"+user.getId()+",'name:'"+user.getName()+"}";
  26.          System.out.println(json);
  27.      }
  28.  
  29.      //将对象转化为json
  30.      public static void test2(){
  31.          //数据库查询的记录
  32.          User user=new User();
  33.          user.setId(1002);
  34.          user.setName("李四");
  35.  
  36.          //一定要引入所需的jar包，才可以使用此对象哦
  37.          JSONObject obj=JSONObject.fromObject(user);
  38.          System.out.println(obj);
  39.      }
  40.  
  41.      //将数组转化为json
  42.      public static void test3(){
  43.          String[] arr={"张三","李四","王五"};
  44.          JSONArray array=JSONArray.fromObject(arr);
  45.  
  46.          System.out.println(array);
  47.      }
  48.  
  49.      //将ArrayList转化为json格式
  50.      public static void test4(){
  51.          List<User> list=new ArrayList<>();
  52.           for(int i=0;i<10;i++){
  53.               User user=new User(i,"张三"+i);
  54.               list.add(user);
  55.           }
  56.  
  57.           JSONArray listArray=JSONArray.fromObject(list);
  58.           System.out.println(listArray);
  59.  
  60.      }
  61.  
  62.      public static void main(String[] args) {
  63.          //调用第一个test1()方法
  64.          //test1();
  65.  
  66.          //调用第二个test2()方法
  67.          //test2();
  68.  
  69.          //调用第第三个test3()方法
  70.          //test3();
  71.  
  72.          //调用第四个test4()方法
  73.          test4();
  74.      }
  75.  
  76.  }

演示 效果如下所示：

JSON和AJAX更搭配哦，必会哦，向着胜利的曙光，go!!!

Json的简单使用的更多相关文章

  1. json-lib简单处理json和对json的简单介绍

    JSON 1.json是什么? *它是js提供的一种数据交换格式 2.json的语法 *{}:是对象! >属性名必须使用双引号括起来!单引号不行!!! >属性值: *null *数值 *数 ...

  2. js中json数据简单处理（JSON.parse()和js中嵌套html）

    js中json数据简单处理(JSON.parse()和js中嵌套html) 一.总结 1.html中嵌套js:<script>js代码</script> 2.js中嵌套html ...

  3. Python中json的简单读写操作

    Python中json的简单读写操作 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式.它基于ECMAScript的一个子集. JSON采用完全独立于语言的 ...

  4. golang json 包简单分析

    首先上代码: func main() { b := true a1, _ := json.Marshal(b) a2, _ := Marshal(b) fmt.Println(string(a1)) ...

  5. JSON.NET 简单的使用

    JSON.NET(http://json.codeplex.com/)使用来将.NET中的对象转换为JSON字符串(序列化?),或者将JSON字符串转换为.NET中已有类型的对象(反序列化?) 首先为 ...

  6. android json 解析 简单示例

    1 下面是一个简单的json 解析的demo,废话不多说,直接上代码 package com.sky.gallery; import java.io.ByteArrayOutputStream; im ...

  7. Android+Servlet+MySql+JSON实现简单的数据查询操作--C/S架构

    本例简单地实现Android客户端与服务器端交互,主要是通过客户端输入内容(学号)提交到服务器端,服务器端与数据库交互去查询相应信息(姓名).根据这个做个完整的安卓登录是没问题的.本例数据库服务器都采 ...

  8. java post请求的表单提交和json提交简单小结

    在java实现http请求时有分为多种参数的传递方式,以下给出通过form表单提交和json提交的参数传递方式: public String POST_FORM(String url, Map< ...

  9. JSON的简单介绍以及C语言的JSON库使用

    JSON概述 JSON: JavaScript 对象表示法( JavaScript Object Notation) .是一种轻量级的数据交换格式. 它基于ECMAScript的一个子集. JSON采 ...

  10. Struts2+json+hignchart(简单柱状图实现--适合jquery小白)

    做了一个简单的基于Struts2 + Json + HighChart的小例子,费了一下午+晚上的时间,虽然简单,但对于我这种Jquery+Ajax小白的人还是很值得记录的. 哈哈哈 # 0. 关键点 ...

随机推荐

  1. UVALive - 7639 G - Extreme XOR Sum（思维）

    题目链接 题意 给出一个序列,相邻两两异或,生成一个新序列,再相邻两两异或,直到只剩下一个元素,问最后结果为多少.m个查询,每次都有一个待查询区间. 分析 既然有多组查询,n只是1e4,那么可以考虑预 ...

  2. js_倒计时去执行函数或则跳转页面

    js_倒计时去执行函数或则跳转页面: var wait = 5; $(document).ready(function () { returnPage(); }); function returnPa ...

  3. 个股和股票池的beta系数的估算

    个股的beta系数的估算 代码 def test_gg_beta(symbol='000895.sz', start='2018-01-01', plot_price=True, align_to=' ...

  4. pyqt5 添加属性-类方法用属性形式访问

    方法一 装饰器法 import sys from PyQt5.QtWidgets import QApplication, QWidget, QPushButton, QHBoxLayout,QLab ...

  5. luogu P2123 皇后游戏

    传送门 跟国王游戏一样的分析 考虑相邻的两个大臣,设他们前面的\(\sum a_j\)为\(s\),同时注意到后面人的贡献更大 所以\(i\)在前面时,\(c_j=\max(\max(c_{last} ...

  6. zabbix 在图形中显示网络设备的接口描述

    zabbix原始模板没有提供来显示网络设备接口的描述,我们通常看到的图形显示是下面这样的: zabbix 3之后图形显示变化蛮大的,但我们乍一看,并不知道这个ethernet0/1是什么接口,网络设备 ...

  7. NodeJs进击，新建一个Node Server

    直接新建一个server.js 然后 输入以下代码 var http = require('http') http.createServer(function(req,res){ res.writeH ...

  8. Django学习手册 - cookie / session

    cookie """ cookie属性: obj.set_cookie(key,value,....) obj.set_signed_cookie(key,value,s ...

  9. ROS学习笔记（一） # ROS参数服务器

    参考 roscpp/Overview/Parameter Server 0. 概述 ROS参数服务器能够保存 string, int, float, double, bool, list, dicti ...

  10. Docker相关

    1.理念 通过对应用组件的封装.分发.部署.运行等生命周期的管理,使用户的App(可以是一个Web应用或数据库应用等)及其运行环境能够做到“一次封装,处处运行”. 2.一句话总结 解决运行环境和配置问 ...