js接收并转化Java中的数组对象的方法


Posted in Javascript onAugust 11, 2016

在做项目时,要向ocx控件下发命令,就要在js中得到java中的对象,然后拼成一种格式,下发下去。。。当对象是一个时比较简单,但如果对象是一个数组时,就略显麻烦了。

开始我以为有简单的方式,可以直接进行内容的转化,后来发现不可以,网上说js与java没有桥接的东西,所以呢:

我的解决方案是:在action层,将java的对象数组转化为Json串,而在js中,再把json转化为数组对象。

1.将java的对象数组转化为Json串:

要用到两个类:

net.sf.json.JSONObject
net.sf.json.JSONArray


//将每个vehicle对象拼接为json格式的对象,用于命令下发
JSONObject json = JSONObject.fromObject(v); //v即对象
jsonArray.add(json);
//System.out.println(jsonArray.toString());
//用于命令下发
sendCommandList = jsonArray.toString();

将其放在for循环中。

2.js将其转化为对象数组:

//注意:此时得到的是Json串。

//注意:要加上escapeJavaScript="false" escape="false" ,否则传过来Json字符串中的引号都会被解析成为"

var szJsonStr = '<s:property escapeJavaScript="false" escape="false" value="sendCommandList" />';

最后:

//把Json字符串转化为对象数组
var addVehicleArray = eval(szJsonStr);

在用的时候,就直接用addVehicleArray[i].vehicleType;即可以了。。。。。。

扩展:

JSONObject与JSONArray的使用

1.JAR包简介

要使程序可以运行必须引入JSON-lib包,JSON-lib包同时依赖于以下的JAR包:

commons-lang.jar
commons-beanutils.jar
commons-collections.jar
commons-logging.jar
ezmorph.jar
json-lib-2.2.2-jdk15.jar

2.JSONObject对象使用

JSON-lib包是一个beans,collections,maps,java arrays 和XML和JSON互相转换的包。在本例中,我们将使用JSONObject类创建JSONObject对象,然后我们打印这些对象的值。为了使用JSONObject对象,我们要引入"net.sf.json"包。为了给对象添加元素,我们要使用put()方法。

2.1.实例1

package jsontest;

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


public class JSONObjectSample {


  // 创建JSONObject对象
  private static JSONObject createJSONObject() {
    JSONObject jsonObject = new JSONObject();
    jsonObject.put("username", "huangwuyi");
    jsonObject.put("sex", "男");
    jsonObject.put("QQ", "413425430");
    jsonObject.put("Min.score", new Integer(99));
    jsonObject.put("nickname", "梦中心境");
    return jsonObject;
  }


  public static void main(String[] args) {
    JSONObject jsonObject = JSONObjectSample.createJSONObject();//静待方法,直接通过类名+方法调用
    // 输出jsonobject对象
    System.out.println("jsonObject:" + jsonObject);


    // 判读输出对象的类型
    boolean isArray = jsonObject.isArray();
    boolean isEmpty = jsonObject.isEmpty();
    boolean isNullObject = jsonObject.isNullObject();
    System.out.println("是否为数组:" + isArray + ", 是否为空:" + isEmpty
        + ", isNullObject:" + isNullObject);


    // 添加属性,在jsonObject后面追加元素。
    jsonObject.element("address", "福建省厦门市");
    System.out.println("添加属性后的对象:" + jsonObject);


    // 返回一个JSONArray对象
    JSONArray jsonArray = new JSONArray();
    jsonArray.add(0, "this is a jsonArray value");
    jsonArray.add(1, "another jsonArray value");
    jsonObject.element("jsonArray", jsonArray);
    //在jsonObject后面住家一个jsonArray
    JSONArray array = jsonObject.getJSONArray("jsonArray");
    System.out.println(jsonObject);
    
    
    System.out.println("返回一个JSONArray对象:" + array);
    // 添加JSONArray后的值
    // {"username":"huangwuyi","sex":"男","QQ":"413425430","Min.score":99,"nickname":"梦中心境","address":"福建省厦门市","jsonArray":["this is a jsonArray value","another jsonArray value"]}
    System.out.println("结果=" + jsonObject);


    // 根据key返回一个字符串
    String username = jsonObject.getString("username");
    System.out.println("username==>" + username);


    // 把字符转换为 JSONObject
    String temp = jsonObject.toString();
    JSONObject object = JSONObject.fromObject(temp);
    // 转换后根据Key返回值
    System.out.println("qq=" + object.get("QQ"));


  }


}

输出结果

jsonObject:{"username":"huangwuyi","sex":"男","QQ":"413425430","Min.score":99,"nickname":"梦中心境"}
是否为数组:false, 是否为空:false, isNullObject:false
添加属性后的对象:{"username":"huangwuyi","sex":"男","QQ":"413425430","Min.score":99,"nickname":"梦中心境","address":"福建省厦门市"}
{"username":"huangwuyi","sex":"男","QQ":"413425430","Min.score":99,"nickname":"梦中心境","address":"福建省厦门市","jsonArray":["this is a jsonArray value","another jsonArray value"]}
返回一个JSONArray对象:["this is a jsonArray value","another jsonArray value"]
结果={"username":"huangwuyi","sex":"男","QQ":"413425430","Min.score":99,"nickname":"梦中心境","address":"福建省厦门市","jsonArray":["this is a jsonArray value","another jsonArray value"]}
username==>huangwuyi
qq=413425430

2.2.实例2.

package jsontest;


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


public class JSONTest {
  public static void main(String args[])
  {
    JSONObject jsonObj0 = new JSONObject();
    JSONObject jsonObj = new JSONObject();
    JSONObject jsonObj2 = new JSONObject();
    JSONObject jsonObj3 = new JSONObject();
    JSONArray jsonArray = new JSONArray();
    
    //创建jsonObj0
    jsonObj0.put("name0", "zhangsan");
    jsonObj0.put("sex1", "female");
    System.out.println("jsonObj0:"+jsonObj0);
    
    //创建jsonObj1
    jsonObj.put("name", "xuwei");
    jsonObj.put("sex", "male");
    System.out.println("jsonObj:"+jsonObj);
  
    //创建jsonObj2,包含两个条目,条目内容分别为jsonObj0,jsonObj1
    jsonObj2.put("item0", jsonObj0);
    jsonObj2.put("item1", jsonObj);
    System.out.println("jsonObj2:"+jsonObj2);
    
    //创建jsonObj3,只有一个条目,内容为jsonObj2
    jsonObj3.element("j3", jsonObj2);
    System.out.println("jsonObj3:"+jsonObj3);
  
    //往JSONArray中添加JSONObject对象。发现JSONArray跟JSONObject的区别就是JSONArray比JSONObject多中括号[]
    jsonArray.add(jsonObj);
    System.out.println("jsonArray:"+jsonArray);
    
    JSONObject jsonObj4 = new JSONObject();
    jsonObj4.element("weather", jsonArray);
    System.out.println("jsonObj4:"+jsonObj4);
  }
}

输出结果:

jsonObj0:{"name0":"zhangsan","sex1":"female"}

jsonObj:{"name":"xuwei","sex":"male"}

jsonObj2:{"item0":{"name0":"zhangsan","sex1":"female"},"item1":{"name":"xuwei","sex":"male"}}

jsonObj3:{"j3":{"item0":{"name0":"zhangsan","sex1":"female"},"item1":{"name":"xuwei","sex":"male"}}}

jsonArray:[{"name":"xuwei","sex":"male"}]

jsonObj4:{"weather":[{"name":"xuwei","sex":"male"}]}

以上这篇js接收并转化Java中的数组对象的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript下有关dom以及xml节点访问兼容问题
Nov 26 Javascript
JS图片无缝滚动(简单利于使用)
Jun 17 Javascript
JavaScript中的方法重载实例
Mar 16 Javascript
AngularJs bootstrap搭载前台框架——基础页面
Sep 01 Javascript
Bootstrap学习笔记 轮播(Carousel)插件
Mar 21 Javascript
jQuery.ajax向后台传递数组问题的解决方法
May 12 jQuery
webpack实现热更新(实施同步刷新)
Jul 28 Javascript
在 vue-cli v3.0 中使用 SCSS/SASS的方法
Jun 14 Javascript
vue-cli 打包后提交到线上出现 &quot;Uncaught SyntaxError:Unexpected token&quot; 报错
Nov 06 Javascript
Vue 3.x+axios跨域方案的踩坑指南
Jul 04 Javascript
vue项目中引入Sass实例方法
Aug 27 Javascript
Node.js 中如何收集和解析命令行参数
Jan 08 Javascript
Js调用Java方法并互相传参的简单实例
Aug 11 #Javascript
JS中的hasOwnProperty()、propertyIsEnumerable()和isPrototypeOf()
Aug 11 #Javascript
基于js对象,操作属性、方法详解
Aug 11 #Javascript
JS中的hasOwnProperty()和isPrototypeOf()属性实例详解
Aug 11 #Javascript
Node.js中防止错误导致的进程阻塞的方法
Aug 11 #Javascript
浅谈js中对象的使用
Aug 11 #Javascript
js倒计时简单实现代码
Aug 11 #Javascript
You might like
解析php中的fopen()函数用打开文件模式说明
2013/06/20 PHP
PHP远程采集图片详细教程
2014/07/01 PHP
PHP中的事务使用实例
2015/05/26 PHP
使用Zookeeper分布式部署PHP应用程序
2019/03/15 PHP
Js切换功能的简单方法
2010/11/23 Javascript
提示$ is not defined错误分析及解决
2013/04/09 Javascript
Javascript 中 null、NaN和undefined的区别总结
2013/04/10 Javascript
Extjs4 GridPanel 的几种样式使用介绍
2013/04/18 Javascript
javascript定时器完整实例
2015/02/10 Javascript
JS实现点击按钮后框架内载入不同网页的方法
2015/05/05 Javascript
javascript实现省市区三级联动下拉框菜单
2015/11/17 Javascript
JS onkeypress兼容性写法详解
2016/04/27 Javascript
使用Script元素发送JSONP请求的方法
2016/06/12 Javascript
js 弹出对话框(遮罩)透明,可拖动的简单实例
2016/07/11 Javascript
jQuery简单实现页面元素置顶时悬浮效果示例
2016/08/01 Javascript
jQuery Easyui加载表格出错时在表格中间显示自定义的提示内容
2016/12/08 Javascript
JS前端知识点 运算符优先级,URL编码与解码,String,Math,arguments操作整理总结
2019/06/27 Javascript
vue中实现Monaco Editor自定义提示功能
2019/07/05 Javascript
15分钟学会vue项目改造成SSR(小白教程)
2019/12/17 Javascript
Ant Design moment对象和字符串之间的相互转化教程
2020/10/27 Javascript
Python strip lstrip rstrip使用方法
2008/09/06 Python
python里对list中的整数求平均并排序
2014/09/12 Python
Python使用tablib生成excel文件的简单实现方法
2016/03/16 Python
python 获取当天每个准点时间戳的实例
2018/05/22 Python
CentOS 7 安装python3.7.1的方法及注意事项
2018/11/01 Python
Python实现获取汉字偏旁部首的方法示例【测试可用】
2018/12/18 Python
python实现大转盘抽奖效果
2019/01/22 Python
Pandas中DataFrame的分组/分割/合并的实现
2019/07/16 Python
Python爬虫自动化爬取b站实时弹幕实例方法
2021/01/26 Python
深入剖析HTML5 内联框架iFrame
2016/05/04 HTML / CSS
Microsoft新加坡官方网站:购买微软最新软件和技术产品
2016/10/28 全球购物
缴纳养老保险的证明
2014/01/10 职场文书
招聘单位介绍信
2014/01/14 职场文书
师德师风建设方案
2014/05/08 职场文书
幼儿园2016圣诞节活动总结
2016/03/31 职场文书
使用SQL实现车流量的计算的示例代码
2022/02/28 SQL Server