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 必需. ...

随机推荐

Array of Objects
You should be comfortable with the content in the modules up to and including the module "Array ...
Unity3D 游戏开发架构篇 ——性格一流的设计和持久性
在游戏开发.游戏人物占了非常大的空间.所有内容都是由主角可以说游戏驱动. 下面来介绍一下一流的设计和持久性的作用. 一.应用场景游戏中的角色类型不一而足,有不同的技能.有不同的属性等等.有些一个玩家 ...
解决alaert.builder二次调用报错的bug
报错的代码是: The specified child already has a parent. You must call removeView() on the child's parent f ...
72_leetcode_Construct Binary Tree from Preorder and Inorder Traversal
Given preorder and inorder traversal of a tree, construct the binary tree. Note: You may assume that ...
在JAVA中使用LUA脚本记,javaj调用lua脚本的函数（转）
最近在做一些奇怪的东西,需要Java应用能够接受用户提交的脚本并执行,网络部分我选择了NanoHTTPD提供基本的HTTP服务器支持,并在Java能承载的许多脚本语言中选择了很久,比如Rhino,Jy ...
动态创建ImageView
1.布局文件 <LinearLayout android:id="@+id/viewGroup" android:layout_width="wrap_conten ...
PocketSphinx语音识别系统语言模型的训练和声学模型的改进
PocketSphinx语音识别系统语言模型的训练和声学模型的改进 zouxy09@qq.com http://blog.csdn.net/zouxy09 关于语音识别的基础知识和sphinx的知识, ...
Codeforces Round #264 (Div. 2) C Gargari and Bishops 【暴力】
称号: 意甲冠军:给定一个矩阵,每格我们有一个数,然后把两个大象,我希望能够吃的对角线上的所有数字.我问两个最大的大象可以吃值. 分析:这种想法是暴力的主题,计算出每一格放象的话能得到多少钱,然后求出 ...
于Unity3D动态创建对象和创建Prefab三种方式的原型对象
于Unity3D动态创建对象和创建Prefab三种方式的原型对象 u3d在动态创建的对象,需要使用prefab 和创建时 MonoBehaviour.Instantiate( GameObject o ...
Oracle db中 CONNECT role的含义
出自: Complete Checklist for Manual Upgrades to 11gR2 (文档 ID 837570.1) 该文章中有例如以下的文字: From Oracle 10.2, ...

js之第三方工具解析JSON

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

随机推荐

热门专题