JSON--Java与AJAX(Jquery)

最新推荐文章于 2022-10-05 17:52:34 发布
最新推荐文章于 2022-10-05 17:52:34 发布
阅读量2.3w 收藏 25
点赞数
分类专栏： java 文章标签： jquery ajax json object list string
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hanqunfeng/article/details/5299175
版权

一、JSON 是什么？
JSON 的全称是JavaScript Object Notation，是一种轻量级的数据交换格式。

JSON 与XML 具有相同的特性，例如易于人编写和阅读，易于机器生成和解析。但是JSON 比
XML 数据传输的有效性要高出很多。JSON 完全独立与编程语言，使用文本格式保存。
JSON 数据有两种结构：
• Name-Value 对构成的集合，类似于Java 中的Map。
• Value 的有序列表，类似于Java 中的Array。
一个JSON 格式的数据示例：
{
"Name": "Apple",
"Expiry": "2007/10/11 13:54",
"Price": 3.99,
"Sizes": [
"Small",
"Medium",
"Large"
]
}
更多关于JSON 数据格式的说明参看JSON 官方网站：http://www.json.org（中文
内容参看：http://www.json.org/json-zh.html）

 

二、通过java来创建JSON对象

1.引入jar包

我这里使用的是json-lib-2.3-jdk15.jar，下载地址：http://sourceforge.net/projects/json-lib/files/

Json-lib requires (at least) the following dependencies in your classpath:

  • jakarta commons-lang 2.4
  • jakarta commons-beanutils 1.7.0
  • jakarta commons-collections 3.2
  • jakarta commons-logging 1.1.1
  • ezmorph 1.0.6

2.重要的对象及方法

1）JSONObject：JSON对象{}。

2）JSONArray：JSON数组对象，[{},{}]。

3）fromObject(object)：将对象转换为JSON对象。

4）JSONObject.accumulate(key,value)：向JSONObject中增加JSON数据，可以重复。

5）element(key,value)：向JSON对象中增加JSON数据，如果重复后一个会替换前一个。

6）toString(i,i)：将JSON对象转换为字符串，如果包含参数，是将其美化后输出。

 

以下是一个servlet输出JSON的例子：

package com.netqin.function.demo.servlet;

import java.io.IOException;
import java.io.PrintWriter;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import net.sf.json.JSONArray;
import net.sf.json.JSONException;
import net.sf.json.JSONObject;

import com.netqin.function.demo.model.People;
import com.netqin.function.demo.model.Phone;

 

public class JsonServlet extends HttpServlet{
 private static final String CONTENT_TYPE = "text/plain; charset=UTF-8";

 @Override
 protected void doGet(HttpServletRequest req, HttpServletResponse response)
   throws ServletException, IOException {
  // TODO Auto-generated method stub
  this.StringToJson(req, response);
//  this.MapToJson(req, response);
//  this.BeanToJson(req, response);
//  this.ListToJson(req, response);
 }

 @Override
 protected void doPost(HttpServletRequest req, HttpServletResponse resp)
   throws ServletException, IOException {
  // TODO Auto-generated method stub
  doGet(req, resp);
 }
 
 /**                                                         
 * 描述 : <输出>. <br>
 *<p>                                                
                                                                                                                                                                                                      
 * @param response
 * @param content
 * @throws IOException                                                                                         
 */
 private void print(HttpServletResponse response,String content) throws IOException{
  response.setContentType(CONTENT_TYPE);
        response.setHeader("Pragma", "No-cache");
        response.setHeader("Cache-Control", "no-cache");
        response.setDateHeader("Expires", 0);
        PrintWriter write = response.getWriter();
        write.print(content);
        write.close();
 }


 
 /**                                                         
 * 描述 : <将字符串或数组转换为JSON>. <br>
 *<p>                                                
                                                                                                                                                                                                      
 * @param req
 * @param response
 * @throws ServletException
 * @throws IOException                                                                                         
 */
// @SuppressWarnings("unused")
 private void StringToJson(HttpServletRequest req, HttpServletResponse response)throws ServletException, IOException{
  JSONObject resultJSON = new JSONObject();   
        try {   
         
            resultJSON.accumulate("name", "Violet")   
                      .accumulate("occupation", "developer")   
                      .accumulate("age", new Integer(22))
                      .accumulate("array", new int[] { 1, 2, 3 })
                      .accumulate("muliArray","[{'type': '你好', 'value': 'kelly@seankelly.biz'},{'type': 'home', 'pref': 1, 'value': 'kelly@seankelly.tv'}]");
   //System.out.println(resultJSON.toString(1,1));
  } catch (JSONException e) {
   e.printStackTrace();
  }
  this.print(response, resultJSON.toString(1,1));
  
 }

 

输出结果：

 {
  "name": "Violet",
  "occupation": "developer",
  "age": 22,
  "array":   [
   1,
   2,
   3
  ],
  "muliArray":   [
      {
    "type": "你好",
    "value": "kelly@seankelly.biz"
   },
      {
    "type": "home",
    "pref": 1,
    "value": "kelly@seankelly.tv"
   }
  ]
 }

 

 


 
 /**                                                         
 * 描述 : <将Map转换为JSON>. <br>
 *<p>                                                
                                                                                                                                                                                                      
 * @param req
 * @param response
 * @throws ServletException
 * @throws IOException                                                                                         
 */
 @SuppressWarnings("unchecked")
 private void MapToJson(HttpServletRequest req, HttpServletResponse response)throws ServletException, IOException{
  JSONObject resultJSON = null;   
  Map map = new HashMap(15);
        try {   
         map.put("name", "hanqf");
         map.put("age", 28);
         map.put("phone", "{home:135,busi:139}");
         resultJSON = JSONObject.fromObject(map);
   //System.out.println(resultJSON.toString());
  } catch (JSONException e) {
   e.printStackTrace();
  }
  this.print(response, resultJSON.toString(1,1));
 }


 输出结果：

 {
  "phone": "{home:135,busi:139}",
  "age": 28,
  "name": "hanqf"
 }

 

 


 
 /**                                                         
 * 描述 : <JavaBean转换为JSON>. <br>
 *<p>                                                
                                                                                                                                                                                                      
 * @param req
 * @param response
 * @throws ServletException
 * @throws IOException                                                                                         
 */
 private void BeanToJson(HttpServletRequest req, HttpServletResponse response)throws ServletException, IOException{
  JSONObject resultJSON = null;  
  People people = new People();
  Phone phone = new Phone("135","138");
        try {   
         people.setPhone(phone);
         resultJSON = JSONObject.fromObject(people);
   //System.out.println(resultJSON.toString());
  } catch (JSONException e) {
   e.printStackTrace();
  }
  this.print(response, resultJSON.toString(1,1));
 }

 

 

public class People{
 String name;
 int age;
 Phone phone = new Phone();

 

 setter and getter

 …………………………

}

 

public class Phone{
 String home;
 String busi;

 

 setter and getter

 …………………………

 

}

 

 

 输出结果：

 {
  "age": 0,
  "name": "",
  "phone":   {
   "busi": "138",
   "home": "135"
  }
 }


 
 /**                                                         
 * 描述 : <List转换为JSON>. <br>
 *<p>                                                
                                                                                                                                                                                                      
 * @param req
 * @param response
 * @throws ServletException
 * @throws IOException                                                                                         
 */
 private void ListToJson(HttpServletRequest req, HttpServletResponse response)throws ServletException, IOException{
  JSONArray jsonArray = null;  
  People people = null;
  Phone phone = null;
  List<People> list = new ArrayList<People>();
        try {   
         for(int i =0;i<3;i++){
          people = new People();
          phone = new Phone("135"+i,"138"+i);
          people.setAge(i);
          people.setPhone(phone);
          list.add(people);
         }
         jsonArray = JSONArray.fromObject(list);

   //System.out.println(jsonArray.toString());
  } catch (JSONException e) {
   e.printStackTrace();
  }
  this.print(response, jsonArray.toString(1,1));
 }
}
 输出结果：

 [
    {
   "age": 0,
   "name": "",
   "phone":    {
    "busi": "1380",
    "home": "1350"
   }
  },
    {
   "age": 1,
   "name": "",
   "phone":    {
    "busi": "1381",
    "home": "1351"
   }
  },
    {
   "age": 2,
   "name": "",
   "phone":    {
    "busi": "1382",
    "home": "1352"
   }
  }
 ]

 

三、Ajax调用

以<将字符串或数组转换为JSON>. 为例，

{
  "name": "Violet",
  "occupation": "developer",
  "age": 22,
  "array":   [
   1,
   2,
   3
  ],
  "muliArray":   [
      {
    "type": "你好",
    "value": "kelly@seankelly.biz"
   },
      {
    "type": "home",
    "pref": 1,
    "value": "kelly@seankelly.tv"
   }
  ]
}

 

jsp中主要的代码如下：

 

 <script type="text/javascript" src="jquery-1.2.6.pack.js"></script>

 

<script type="text/javascript">
jQuery(function($){


  $("#onebut").click(function(){

 

    $.getJSON("http://localhost:8080/points/json.do",function(data){


      $("#one").html("");
      $("#one").append(data.name);
      $("#one").append("##");
      $("#one").append(data.age);
      $("#one").append("##");
      $("#one").append(data.array[0]);
      //$("#one").append("##");
      //$("#one").append(data.muliArray[0].type);
   
      $.each(data.muliArray,function(i,item){
          $("#one").append("##");
          $("#one").append(item.type);
    
      }); 


   });


 });


});
</script>

 

 <button id="onebut">onebut</button>
 <div id="one"></div>

 

 

点击"onebut”按钮后，页面上显示如下：

Violet##22##1##你好##home
 

 四、JSON进阶

 

1.再来看几个重要的对象和方法

1）JSON：JSON对象的顶级接口，JSONObject,JSONArray都实现了该接口

2）JSONSerializer：JSON串行化对象

3）JSONSerializer.toJSON(object)：将对象串行化为JSON

4）JSONSerializer.toJava(json)：将JSON转换为对象

5）MorphDynaBean：JSONSerializer.toJava(json)后的值默认为MorphDynaBean

6）XMLSerializer：JSON转换为xml对象

7）xMLSerializer.write(json)：将JSON对象转换为xml

8）xMLSerializer.read(xml)：将xml转换为JSON对象

 

2.实例

 

 1）json转map

 

   JSONObject resultJSON = JSONObject.fromObject(map);

   Map mapp = (Map)JSONObject.toBean(resultJSON, Map.class);
   System.out.println(mapp.get("name"));

 

 

2）json转JavaBean

 

   JSONObject resultJSON =JSONObject.fromObject(people);

   People pp = (People)JSONObject.toBean(resultJSON, People.class);
   System.out.println(pp.getPhone().getBusi());

 

 

3）json转list

 

  JSONObject resultJSON = JSONConvert.generate(list);
    
  Map mapp = (Map)JSONObject.toBean(resultJSON, Map.class);
  List<MorphDynaBean> list2 = (List<MorphDynaBean>)mapp.get("root");
  for(MorphDynaBean pp : list2){
   System.out.println(((MorphDynaBean)pp.get("phone")).get("busi"));
  }

 

说明：

为什么没有使用JSONArray.toArray(jsonArray)或JSONArray.toCollection(jsonArray)呢？

笔者在使用过程中发现其在转换时不能对people.phone对象赋值，也就是说不能嵌套赋值，所以才改用map加MorphDynaBean的方式，也许是笔者没有搞明白，希望高手指点。

 

这里提供一个JSONConvert工具类，方便bean对象、map和list转换为JSONObject ，如下：

 

import java.util.HashMap;
import java.util.List;
import java.util.Map;

import net.sf.json.JSONObject;

public class JSONConvert {

 public static JSONObject generate(List list) {

        Map<String, Object> map = new HashMap<String, Object>();
        map.put("totalProperty", list.size());
        map.put("root", list);
        return JSONObject.fromObject(map);
    }

    public static JSONObject javabean2json(Object object) {
        Map<String, Object> map = new HashMap<String, Object>();
        map.put("success", true);
        map.put("data", object);
        return JSONObject.fromObject(map);
    }

    public static JSONObject objectcollect2json(List list, String total) {
        Map<String, Object> map = new HashMap<String, Object>();
        map.put("totalProperty", total);
        map.put("root", list);
        return JSONObject.fromObject(map);
    }

}

 

4）json转xml

 

需要引入该包：xom-1.1.jar，下载地址：http://repo1.maven.org/maven2/xom/xom/1.1/

 

  XMLSerializer xmlSe = new XMLSerializer();

  System.out.println("json=="+resultJSON.toString(1, 1));
  String xml = xmlSe.write(resultJSON);
  System.out.println("xml=="+xml);

 

输出结果：

json==

{
  "age": 0,
  "name": "",
  "phone":   {
   "busi": "139",
   "home": "135"
  }
 }
xml==

<?xml version="1.0" encoding="UTF-8"?>
<o>

<age type="number">0</age>

<name type="string"/>

<phone class="object">

<busi type="string">139</busi>

<home type="string">135</home>

</phone>

</o>

 5）json的特殊字符处理

由于json的格式要求，“：”“{}”，“[]”，“/”等等都是json的特定字符，

所以如果在name或value中出现了这些字符就会造成json解析异常，

比如：

 resultJSON.accumulate("phone", "{home:135,busi:139}");

在页面上的显示结果如下：

{
   "phone":   {
   "home": "135",
   "busi": 139
  }

}

如果json修改成如下形式:

resultJSON.accumulate("phone", "{home:135:11{[,busi:139}");

在页面上的显示结果如下：

{
   "phone": "{home:135:11{[,busi:139}",
}

此时，json会将"{home:135:11{[,busi:139}"都作为phone的值，而不会再向下解析

 

所以，在遇到这样的问题时只要将value用引号括起来就行了，如下：

resultJSON.accumulate("phone", "{home:'135:11{[',busi:139}");

 

输出结果如下：

{
   "phone":   {
   "home": "135:11{[",
   "busi": 139
  }

}

 

这样就可以正常解析了，所以，在创建json时，最好将name和value都用引号扩上。

 

 提供几个JSON的参考资料：

http://www.diybl.com/course/3_program/java/javashl/2007123/89756.html

 

http://developer.51cto.com/art/201001/176686.htm

 

http://www.javaeye.com/topic/78243


http://www.javaeye.com/topic/71343

 

另外，请特别关注如下资料，介绍的非常详细：

http://jiangzhengjun.javaeye.com/category/78136

 

 

 

 

 

 

 

 

 

 

 

 

 

 


 

hanqunfeng
关注
专栏目录
JSON-RPC for Java使用说明1
08-04
JSON-RPC for Java是用于Java平台的一个轻量级、零入侵的远程过程调用（RPC）框架，特别适合于AJAX应用中的级联调用。本文档将详细介绍如何在Java项目中使用JSON-RPC，包括引入依赖库、创建服务类、自定义基类以及在...
html5读取剪切板 内容,实践笔记：js解析剪切板里的excel内容
weixin_40001805的博客
06-05 813
这次记录的是昨晚一个想法：把excel内容复制到剪切板并转成自己想要的json格式，核心是要把excel内容转json，这部分主要看excel的格式和json如何业务的映射，不展开。倒是通过实践，收获了剪切板的一些知识点。注：因为只是为了自己的小工具实现，不考虑兼容，在chrome下实践整个步骤是：从一封有内容的excel里，选中内容，ctrl+c复制到剪切板(刚好我的内容就是整张表，ctrl+A...
JavaWeb——Ajax&Json
程序员阿龙的博客
10-05 854
Ajax（ASynchronous JavaScript And XML） 异步的JavaScript 和 XML。Ajax 是一种异步刷新技术，用来在当前页面内响应不同的请求内容。Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。Ajax是前端的技术，由浏览器进行解析执行。通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的 情况下，对网页的某部分进行更新。
jQuery中的Ajax及其与Java后台的数据交换
Public Static Void Main
11-05 1万+
一、ajax相关函数简析 1、ajax所有函数的默认全局设置 //默认设置 ajaxSettings: { url: ajaxLocation, type: "GET", //请求默认方式为get isLocal: rlocalProtocol.test( ajaxLocParts[ 1 ] ), global: true, /
利用phoenix进行Hbase数据访问
gredn的专栏
09-13 1万+
Hadoop HBase Hlive  一、背景 近期一个用户画像的项目，数据量庞大，用MySQL进行存取不太现实，所以采用Hbase集群的方案来实施。由于业务层使用的是PHP，所以研发同学首先想到的是PHP-Thrift来访问Hbase，编码实验了几天，效果不是太理想，尤其是编码成本较大，各种scan、filter之类的语法，不利于团队进行快速开发；当然，最崩溃的还是想利用count
快速理解 Phoenix : SQL on HBASE
热门推荐
colorant的专栏
03-07 2万+
作者：刘旭晖 Raymond 转载请注明出处 Email：colorant at 163.com BLOG：http://blog.csdn.net/colorant/ 更多云计算相关项目快速理解文档  http://blog.csdn.net/colorant/article/details/8255910 ==是什么 ==   目标Scope   Eas
json.rar_JSON_JSON java_ajax json_jquery json jar_json-lib-2.2.2
09-21
在给定的“json.rar”压缩包中，包含了六个jar包，这些jar包主要用于Java环境下的JSON处理，特别是与jQuery进行AJAX（Asynchronous JavaScript and XML）通信时。AJAX允许网页在不重新加载整个页面的情况下与服务器...
Send-json-to-servlet-using-jquery-ajax
07-10
标题 "Send-json-to-servlet-using-jquery-ajax" 涉及到的是在Web开发中，如何使用jQuery的AJAX功能向JavaServlet发送JSON数据。这是一个常见的需求，特别是在前后端分离的架构中，前端通过异步方式与后端交互，提高...
struts2-json-plugin-2.1.8.zip_Java 8_json-plugin-2.1.8
09-24
5. **前端交互**：在前端使用JavaScript（例如jQuery）发起Ajax请求，获取并处理由Struts2 JSON插件返回的JSON数据。 通过Struts2 JSON Plugin 2.1.8，开发者可以轻松地在Struts2应用中集成JSON功能，提高应用的...
Ajax-json.rar_JSON_ajax json_java Jquery ajax_javascript_json aj
09-20
在IT行业中，Ajax（异步JavaScript和XML）与JSON（JavaScript Object Notation）是Web开发中的核心技术，尤其在创建交互式、动态网页时扮演着重要角色。本资源"Ajax-json.rar"显然是一份关于如何利用AJAX和JSON进行...
java+ajax+json+jquery完整实例
01-09
实现了java+ajax+json+jquery的完整实例，包括ajax+jquery向后台传参，后台传输json数据到前台ajax接收。里面有自己遇到的四个问题，及解决的具体办法。
jquery+ajax实例（javaWeb开发）
04-15
（附源码）jquery+ajax,新手很容易上手，有注释!
Java通过jQuery实现ajax异步请求
11-25
这是一个java的web样例工程，实现的是jquery+ajax传输
Javaweb项目ajax请求Json实例
03-31
JavaWeb将数据包装成JSON以及JSP通过ajax对JSON的获取与解析（代码实例） 运行环境：MyEclipse
AjaxJson实体类与依赖包
10-09
包含一个AjaxJson实体类，可在接口直接引用作为返回参数类型，还包含一个jar包，是该实体类的依赖包
sql解析json字段
Miss_kun的专栏
07-23 2646
MySQL自5.7之后开始支持json类型，相应的解析函数主要是json_extract(); 查询sql版本：select version(); JSON_EXTRACT()函数用于从JSON中提取元素，例如： 列名：info {"Info1":[[{"id":1,"name":"aaa","grade":["{\"china\":100,\"engine\":[\"95\"],\"match\":[\"99\"]}"]}]]} select json_extract(info, '$.Info1')
Phoenix（十二）使用Phoenix自带的工具执行sql脚本
人是有思想的芦苇
05-10 4479
本篇主要介绍如何使用phoenix自带的工具执行sql脚本
Java基础之《Ajax+JQuery（JavaEE开发进阶Ⅱ）》—Ajax
csj50的专栏
02-25 363
一、认识Ajax 1、Ajax概念 Ajax全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML） Ajax并不是一门新的语言或技术，它实际上是几项技术按一定的方式组合在一起，在共同的协作中发挥各自的作用 2、Ajax所使用的技术包括 使用XHTML和CSS标准化呈现 HTML标签描述网页的结构，CSS对结构进行定位、修饰 ............
JSON用法简介
weixin_33736832的博客
12-18 419
【JSON简介】 　　jsoncpp 主要包含三种类型的 class：Value、Reader、Writer。jsoncpp 中所有对象、类名都在 namespace Json 中，包含 json.h 即可。 【VALUE】 　　 Json::Value 是jsoncpp 中最基本、最重要的类，用于表示各种类型的对象，jsoncpp 支持的对象类型可见 Json::ValueType 枚举值...
使用JSON-RPC-Java在JavaScript中调用Java代码实战教程
一旦配置完成，就可以在JavaScript中通过JSON-RPC协议调用这些Java方法，实现后端服务与前端交互。 这份jQuery进阶学习资料结合EasyUI和JSON-RPC-Java，为开发者提供了一条构建动态、交互性强的Web应用的路径。通过...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值