js之第三方工具解析JSON

1.JSON 仅仅是一种文本字符串。它被存储在 responseText 属性中

为了读取存储在 responseText 属性中的 JSON 数据，须要依据 JavaScript 的 eval 函数。函数 eval 会把一个字符串当作它的參数。

然后这个字符串会被当作 JavaScript 代码来运行。由于 JSON 的字符串就是由 JavaScript 代码构成的，所以它本身是可运行的

比如例如以下方式:

String json = "{username:'一叶扁舟',age:22}";

var  json = xhr.responseText;

json = eval("("+json+")");

alert(json.name);

2.利用第三方工具解析JSON

(1).须要导入的jar包

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMTY2MjMyMA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="">

(2)代码实战:

domain实体类：

package com.wenhao.web.ajax.domain;

/**

 *类的作用：City实体类

 *

 *

 *@author 一叶扁舟

 *@version 1.0

 *@创建时间： 2014-10-28   下午05:57:18

 */

//城市[JavaBean]

public class City {

	private int id;

	private String cityName;

	public City(){}

	public City(int id, String cityName) {

		super();

		this.id = id;

		this.cityName = cityName;

	}

	public int getId() {

		return id;

	}

	public void setId(int id) {

		this.id = id;

	}

	public String getCityName() {

		return cityName;

	}

	public void setCityName(String cityName) {

		this.cityName = cityName;

	}

}

servlet服务处理:

package com.wenhao.web.ajax.servlet;

import java.io.IOException;

import java.io.PrintWriter;

import java.util.ArrayList;

import java.util.List;

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.JsonConfig;

import com.wenhao.web.ajax.domain.City;

/**

 *类的作用：JavaBean直接转成JSON对象

 *这个是json传输

 *

 *

 *@author 一叶扁舟

 *@version 1.0

 *@创建时间： 2014-10-28   下午05:58:20

 */

public class CityServlet extends HttpServlet {

	public void doGet(HttpServletRequest request, HttpServletResponse response)

			throws ServletException, IOException {

		String province = request.getParameter("province");

		byte[] buf = province.getBytes("ISO8859-1");

		province = new String(buf,"UTF-8");

		response.setContentType("text/html;charset=UTF-8");

		PrintWriter pw = response.getWriter();

		List<City> cityList = new ArrayList<City>();

		String jsonString = null;

		if(province.equals("河南省")){

			cityList.add(new City(1,"郑州"));

			cityList.add(new City(2,"洛阳"));

			cityList.add(new City(3,"开封"));

			cityList.add(new City(4,"信阳"));

		}else if(province.equals("福建省")){

			cityList.add(new City(1,"福州"));

			cityList.add(new City(2,"厦门"));

			cityList.add(new City(3,"莆田"));

			cityList.add(new City(4,"漳州"));

			cityList.add(new City(5,"龙岩"));

		}else if(province.equals("云南省")){

			cityList.add(new City(1,"大理"));

			cityList.add(new City(2,"昆明"));

			cityList.add(new City(3,"香格里拉"));

		}

		JsonConfig jsonConfig = new JsonConfig();

		//json数据中不包括id属性

		jsonConfig.setExcludes(new String[]{"id"});

		//将cityList转成json数组

		JSONArray jsonArray = JSONArray.fromObject(cityList,jsonConfig);

		jsonString = jsonArray.toString();

		System.out.println("jsonString="+jsonString);

		pw.write(jsonString);

	}

}

jsp界面获取json数据:

<%@ page language="java" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

  <head>

	<meta http-equiv="content-type" content="text/html; charset=UTF-8">

  </head>

  <body>

	<select id="provinceID">

		<option>选择省份</option>

		<option>河南省</option>

		<option>福建省</option>

		<option>云南省</option>

	</select>

	<select id="cityID">

		<option>选择城市</option>

	</select>

	<script type="text/javascript">

		document.getElementById("provinceID").onchange=function(){

			//清空原city列表框

			var citySelectElement = document.getElementById("cityID");

			var cityElementArray = citySelectElement.options;

			var size = cityElementArray.length;

			if(size > 1){

			//从后向前删除下拉列表框中的东西

				for(var i=size-1;i>0;i--){

					citySelectElement.removeChild(cityElementArray[i]);

				}

			}

			var province = this[this.selectedIndex].innerHTML;

			province = encodeURI(province);

			var xhr = createXHR();

			xhr.onreadystatechange = function(){

				if(xhr.readyState==4){

					if(xhr.status==200){

						//取得json字符串

						var jsonString = xhr.responseText;

						//将json字符串转成json对象

						var jsonObject = eval("("+jsonString+")");

						var size = jsonObject.length;

						for(var i=0;i<size;i++){

							var city = jsonObject[i].cityName;

							var optionElement = document.createElement("option");

							optionElement.innerHTML = city;

							document.getElementById("cityID").appendChild(optionElement);

						}

					}

				}

			}

			xhr.open("get","/FirstAjax/CityServlet?time="+new Date().getTime()+"&province="+province);

			xhr.send(null);

		};

		//创建一个ajax对象

		function createXHR(){

			var xhr = null;

			//假设是IE浏览器

			if(window.ActiveXObject){

				xhr = new ActiveXObject("microsoft.xmlhttp");

			}else{

		//非IE浏览器

				xhr = new XMLHttpRequest();

			}

			return xhr;

		}

	</script>

  </body>

</html>

測试效果图:

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMTY2MjMyMA==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="">

js之第三方工具解析JSON的更多相关文章

转：JS中生成和解析JSON
原文地址:JS中生成和解析JSON 1.JS中生成JSON对象的方法: var json = []; var row1 = {}; row1.id= "1"; row1.name ...
JS中生成和解析JSON
1.JS中生成JSON对象的方法: var json = []; var row1 = {}; row1.id= "1"; row1.name = "jyy"; ...
js写ajax并解析json
function down(t){ var req = createRequest(); //创建request req.open("GET","selectWord ...
linux使用jq工具解析json
jq类似一个awk或grep一样的神器,可以方便地在命令行操作json 这里我使用海南万宁的天气接口做演示,地址:http://t.weather.sojson.com/api/weather/cit ...
mac工具-解析json visualJSON和JSON Accelerator这两款工具
js中eval详解，用Js的eval解析JSON中的注意点
先来说eval的用法,内容比较简单,熟悉的可以跳过eval函数接收一个参数s,如果s不是字符串,则直接返回s.否则执行s语句.如果s语句执行结果是一个值,则返回此值,否则返回undefined. 需要 ...
用Js的eval解析JSON中的注意点
在JS中将JSON的字符串解析成JSON数据格式,一般有两种方式: 1.一种为使用eval()函数. 2. 使用Function对象来进行返回解析. 使用eval函数来解析,并且使用jquery的ea ...
关于iOS中几种第三方对XML/JSON数据解析的使用
Json XML 大数据时代,我们需要从网络中获取海量的新鲜的各种信息,就不免要跟着两个家伙打交道,这是两种结构化的数据交换格式.一般来讲,我们会从网络获取XML或者Json格式的数据,这些数据有着特 ...
JS的全局函数eval解析JSON字符串
JavaScript eval() 函数定义和用法 eval() 函数可计算某个字符串,并执行其中的的 JavaScript 代码. 语法 eval(string) 参数描述 string 必需. ...

随机推荐

Applet 数字签名技术完全攻略
这里说声对不起大家.毕竟2几年前,我想写这篇文章,但因为他才懒得一直没有写.同时也给自己的东西好.前些日子我老大让我又搞这个东西发现我曾经的资料没留,又凭着自己印象从新来过.但发现网上写的东西真的 ...
NYOJ 47 河问题
时间限制:1000 ms | 内存限制:65535 KB 难度:5 描写叙述在漆黑的夜里,N位旅行者来到了一座狭窄并且没有护栏的桥边.假设不借助手电筒的话,大家是不管怎样也不敢过桥去的.不幸的是 ...
LightOj 1148 Basic Math
1148 - Mad Counting PDF (English) Statistics Forum Time Limit: 0.5 second(s) Memory Limit: 32 MB Mob ...
Android Studio怎样安装插件
Android Studio安装插件的方式事实上和Eclipse大同小异.废话不多说,直接上图: 区域1:你当前已经安装了的插件区域2:在线安装区域3:从硬盘安装,即针对你已经下载好了的插件,可通 ...
Javascript设计模式系列三
继承,一个类或对象继承另一个类或对象的三种方法.类式继承.原型式继承.掺元类. 一.类式继承,原型链.Extend函数. <script type="text/javascript&q ...
selinux 工具下载地址
http://userspace.selinuxproject.org/releases/ 里面包含了 Name Last modified Size Description Parent Direc ...
BZOJ 2006 NOI2010 超级钢琴划分树+堆
题目大意:给定一个序列.找到k个长度在[l,r]之间的序列.使得和最大暴力O(n^2logn),肯定过不去看到这题的第一眼我OTZ了一下午... 后来研究了非常久别人的题解才弄明确怎么回事...蒟 ...
JDBC batch批量Statement executeBatch 详细解释
JDBC提供了数据库batch处理的能力,在数据大批量操作(新增.删除等)的情况下能够大幅度提升系统的性能.我曾经接触的一个项目,在没有採用batch处理时,删除5万条数据大概要半个小时左右,后来对系 ...
如何找到w3wp与w3svc的对应关系
在生产环境中,一般会有多个IIS进程在运行,这里面可能是有Web Garden的设置,也可能是有多个application pool在运行.而我们经常在c:\inetpub\logs目录下面,看到很多 ...
学习pthreads，创建和终止多线程
更CPU多线程编程,通过笔者的研究发现,,pthreads使用日趋广泛.它是螺纹POSIX标准,它定义了一组线程的创建和操作API. 配置环境见上博客文章.配置环境后,只需要加入#include &l ...

js之第三方工具解析JSON

js之第三方工具解析JSON的更多相关文章

随机推荐

热门专题