js读Json,JSON与字符串转化,Java读JSON

来源:未知 责任编辑:责任编辑 发表时间:2014-01-06 18:17 点击:

1.JS读JSON

书写AJAX的时候,经常需要解析从服务器返回的一串字符串,这里简单介绍服务器返回字符的两种格式,及JS对它们的解析方法。

JSON即JS对象标记(JavaScript Object Notation),是一种以JS声明对象的方式组合的一串字符串。
JS可以按以下方式定义对象:
var obj =

{
     id: 2,
     name: 'n'
 };

alert(obj.name);

这样就定义了对象 obj, 它有两个公共属性id和name,可以用 obj.id 的方式直接访问其属性值。

从服务器获取数据时往往不止一个对象,这就需要用到对象数组,JS中对象数组可以用 [] 来定义,如下:


var objs = [{ id: 1, name: 'n_1' }, { id: 2, name: 'n_2'}];
alert(objs[0].id);
这样就定义了对象数组 objs, 它包含两个对象,可以用索引来访问,如 objs[0] 将引用到第一个对象。到这里你或许已经想到服务器返回的字符串格式是怎样的,但字符串毕竟是字符串,我们需要将其转换为可以利用JS操作的变量。这就用到 eval 函数,请看下例:

var objs = eval("[{ id: 1, name: 'n_1' }, { id: 2, name: 'n_2'}]");
alert(objs[0].id); // return 1
好了,服务器端你只要以格式:[{ id: 1, name: 'n_1' }, { id: 2, name: 'n_2'}] 返回字符串,在客户端就可以利用 eval() 执行返回的字符串,获得对象数组。以下用AJAX做一个简单的例子。用js取json的代码如下:

       var objs = eval(request.responseText);
       alert(objs.length); // 2
       alert(objs[0].id);  // 1
       alert(objs[1].name);// 'n_2'

再添加一个测试按钮即可以看到效果:

<input type="button" value="GetJson" onclick="getJson();" />

 

但有时,会遇到Json数据是自己拼接的情况,用js直接读,发现读出来的数据都是undefined...也就是说,像

var s = "{name1:'name1',name2:'name2'}";的情况,js是把它当作字符串,而不是JSON数据来处理的。所以,需要我们把它转化为JSON形数据。

注意,如果此时写:tmp = eval(tmp) 则会报"缺少;"的错误。应该是:tmp =eval("(" + tmp + ")");
然后再使用document.getElementById("txt1").value = tmp.name1;就可以了。


另有字符串转化为JSON的方法:   //需要json.js包

var obj = strJSON.parseJSON();
 var obj = JSON.parse(strJSON);

JSON转化为字符串:

  var str = obj.toJSONString();
  var str = JSON.stringify(obj)

2.Java读取JSON数据:

import java.io.*;
import org.json.*;
public class Demo {
    public static void main(String[] args) throws Exception {
        String str = "{\"a\":\"b\", \"c\":\"d\"}";
        JSONObject a = new JSONObject(str);
        System.out.println(a); // {"c":"d","a":"b"}

发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码:点击我更换图片
最新评论 更多>>

推荐热点

  • Gb2312转utf-8编码的方法(vbs+js)
  • 如何使用Ajax技术开发Web应用程序(1)
  • js跳转路径问题
  • JavaScript模仿桌面窗口
  • 用js检测两个线段是否相交
  • 运用JavaScript构建你的第一个Metro式应用程序(on Windows
  • 我知道的JavaScript -- 设计模式(桥接)应用之 – 验证器
  • 我是如何去了解jquery的(六),案例之幻灯片轮换
  • Jquery封装幻灯片效果
网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
Copyright © 2008-2015 计算机技术学习交流网. 版权所有

豫ICP备11007008号-1