JSON(JavaScript. Object Notation)一种简单的数据格式,比xml更轻巧。JSON是JavaScript.原生格式,这意味着在JavaScript.中处理JSON数据不需要任何特殊的API或工具包。
JSON的规则很简单:对象是一个无序的“‘名称/值’对”集合。一个对象以“{”(左括号)开始,“}”(右括号)结束。每个“名称”后跟一个“:”(冒号);“‘名称/值’对”之间使用“,”(逗号)分隔。具体细节参考http://www.json.org/json-zh.html
举个简单的例子:
js 代码
-
function showJSON() {
-
var user =
-
{
-
"username":"andy",
-
"age":20,
-
"info": { "tel": "123456", "cellphone": "98765"},
-
"address":
-
[
-
{"city":"beijing","postcode":"222333"},
-
{"city":"newyork","postcode":"555666"}
-
]
-
}
-
-
alert(user.username);
-
alert(user.age);
-
alert(user.info.cellphone);
-
alert(user.address[0].city);
-
alert(user.address[0].postcode);
- }
这表示一个user对象,拥有username, age, info, address等属性。
同样也可以用JSON来简单的修改数据,修改上面的例子
js 代码
-
function showJSON() {
-
var user =
-
{
-
"username":"andy",
-
"age":20,
-
"info": { "tel": "123456", "cellphone": "98765"},
-
"address":
-
[
-
{"city":"beijing","postcode":"222333"},
-
{"city":"newyork","postcode":"555666"}
-
]
-
}
-
-
alert(user.username);
-
alert(user.age);
-
alert(user.info.cellphone);
-
alert(user.address[0].city);
-
alert(user.address[0].postcode);
-
-
user.username = "Tom";
-
alert(user.username);
- }
JSON提供了json.js包,下载http://www.json.org/json.js后,将其引入然后就可以简单的使用object.toJSONString()转换成JSON数据。
js 代码
-
function showCar() {
-
var carr = new Car("Dodge", "Coronet R/T", 1968, "yellow");
-
alert(carr.toJSONString());
-
}
-
-
function Car(make, model, year, color) {
-
this.make = make;
-
this.model = model;
-
this.year = year;
-
this.color = color;
- }
可以使用eval来转换JSON字符到Object
js 代码
-
function myEval() {
-
var str = '{ "name": "Violet", "occupation": "character" }';
-
var obj = eval('(' + str + ')');
-
alert(obj.toJSONString());
- }
或者使用parseJSON()方法
js 代码
-
function myEval() {
-
var str = '{ "name": "Violet", "occupation": "character" }';
-
var obj = str.parseJSON();
-
alert(obj.toJSONString());
- }
下面使用prototype写一个JSON的ajax例子。
先写一个servlet (我的是servlet.ajax.JSONTest1.java)就写一句话
java 代码
- response.getWriter().print("{ \"name\": \"Violet\", \"occupation\": \"character\" }");
再在页面中写一个ajax的请求
js 代码
-
function sendRequest() {
-
var url = "/MyWebApp/JSONTest1";
-
var mailAjax = new Ajax.Request(
-
url,
-
{
-
method: 'get',
-
onComplete: jsonResponse
-
}
-
);
-
}
-
-
function jsonResponse(originalRequest) {
-
alert(originalRequest.responseText);
-
var myobj = originalRequest.responseText.parseJSON();
-
alert(myobj.name);
- }
prototype-1.5.1.js中提供了JSON的方法,String.evalJSON(),可以不使用json.js, 修改上面的方法
js 代码
-
function jsonResponse(originalRequest) {
-
alert(originalRequest.responseText);
-
var myobj = originalRequest.responseText.evalJSON(true);
-
alert(myobj.name);
- }
JSON还提供了java的jar包 http://www.json.org/java/index.html API也很简单,下面举个例子
在javascript中填加请求参数
js 代码
-
function sendRequest() {
-
var carr = new Car("Dodge", "Coronet R/T", 1968, "yellow");
-
var pars = "car=" + carr.toJSONString();
-
-
var url = "/MyWebApp/JSONTest1";
-
var mailAjax = new Ajax.Request(
-
url,
-
{
-
method: 'get',
-
parameters: pars,
-
onComplete: jsonResponse
-
}
-
);
- }
使用JSON请求字符串就可以简单的生成JSONObject并进行解析,修改servlet添加JSON的处理(要使用json.jar)
java 代码
-
private void doService(HttpServletRequest request, HttpServletResponse response) throws IOException {
-
String s3 = request.getParameter("car");
-
try {
-
JSONObject jsonObj = new JSONObject(s3);
-
System.out.println(jsonObj.getString("model"));
-
System.out.println(jsonObj.getInt("year"));
-
} catch (JSONException e) {
-
e.printStackTrace();
-
}
-
response.getWriter().print("{ \"name\": \"Violet\", \"occupation\": \"character\" }");
- }
同样可以使用JSONObject生成JSON字符串,修改servlet
java 代码
-
private void doService(HttpServletRequest request, HttpServletResponse response) throws IOException {
-
String s3 = request.getParameter("car");
-
try {
-
JSONObject jsonObj = new JSONObject(s3);
-
System.out.println(jsonObj.getString("model"));
-
System.out.println(jsonObj.getInt("year"));
-
} catch (JSONException e) {
-
e.printStackTrace();
-
}
-
-
JSONObject resultJSON = new JSONObject();
-
try {
-
resultJSON.append("name", "Violet")
-
.append("occupation", "developer")
-
.append("age", new Integer(22));
-
System.out.println(resultJSON.toString());
-
} catch (JSONException e) {
-
e.printStackTrace();
-
}
-
response.getWriter().print(resultJSON.toString());
- }
js 代码
-
function jsonResponse(originalRequest) {
-
alert(originalRequest.responseText);
-
var myobj = originalRequest.responseText.evalJSON(true);
-
alert(myobj.name);
-
alert(myobj.age);
- }
分享到:
相关推荐
Create debian install package
c++大学教程是经典的c++学习入籍,至今已经出到第8版,这是第8版的随书源代码
command line如何查看linux系统的IP地址是多少?
hwo所得税例题PPT教案.pptx
hwo to provent from sql-injection
本指南介绍 VNX 系列中提供的五个型号之一,即 EMC® VNX7500™。此文档概述了 VNX7500 平台的体系结构、组件和功能
linux集群系统LVS-HOWTO官站文档的电子书,chm格式。
详细介绍了EMC VNX5300配置,值得一看
abap object-oriented class:this document will teach you hwo to create a object-oriented class step by step.
jarchi-hwo:snclivedoc 2
HWO-021 WiFi网优产品体系讲解 HWO-022 WiFi网络基础知识 HWO-023 WiFi网络性能分析 HWO-024 H3C WiFi天线产品 HWO-025 WiFi网络优化设计原则 HWO-026 WiFi网络优化操作指导 HWO-027 WiFi网优工具介绍 HWO-...
全面了解无线网路知识
4六年级上册unit6hwo_do_you_feel第四课时——小学生ppt学习课件
tests hwo the printer status works
链接:https://pan.baidu.com/s/1wWk_D_JOmgKCvmQ6HWO1Jw
SublimeCFAutoMock 一个轻量级的 sublime 插件,它自动从ColdFusion组件创建 MXUnit 单元测试(仅限 cftags - cfscript 和完全脚本化)。 能力 创建设置和拆卸方法 ...Hwo 使用 在 Sublime 2 中打开 CFC 并按
RAML Java 解析器 这是一个包含我们用来将Cucumber与 RAML 链接的小工具的 fork,... 这个想法是在 Cucumber 定义中使用服务的 displayName,然后允许单元测试工具(如 rest-assured)知道状态和 hwo 来测试每个服务。