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-<st1:chsdate w:st="on" isrocdate="False" islunardate="False" day="30" month="12" year="1899">1.5.1</st1:chsdate>.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 代码
分享到:
相关推荐
Json入门学习,包含了所需的所有jar包,学习资料等,希望对初学者的入门学习提高一些帮助。
json源码 学习资料
我学习json时候,网上收集的json的资料比较好,学习的话包括jar文件,希望对大家有帮助
jQuery+Json 实现Ajax无刷新分类管理实例演示 基于jquery+json实现的网站后台管理中无刷新的分类管理功能演示,如上...相当不错的Json学习资料,也是ASP.NET结合jQuery实现Ajax无刷新操作技术的典型实例,有必要借鉴。
最基础最详细的json学习资料,这份资料几乎可以解决所有的你在json中的问题
返回的JSON属性,对象,list集合,map集合各种类型到前台页面的调用。
json学习的一些资料,包括GSON完整包,jsonlib需要jar包等
基于jquery json实现的网站后台管理中无刷新的分类管理功能演示,如上图演示所示,可无刷新添加一个分类、在动画弹出...相当不错的Json学习资料,也是ASP.NET结合jQuery实现Ajax无刷新操作技术的典型实例,有必要借鉴。
Java图形实现json格式化源码下载学习资料分享c
ExtJs学习资料22-从服务器获取JSON数据并分页处理.doc
Ajax(ASynchronous JavaScript And XML):是一种在无需重新加载整个网页的情况下,能够...Json(JavaScript Object Notation) :现在多用于存储和交换文本信息的语法;进行数据的传输,SON 比 XML 更小、更快,更易解析。
struts and json技术的学习资料struts and json技术的学习资料struts and json技术的学习资料struts and json技术的学习资料struts and json技术的学习资料struts and json技术的学习资料struts and json技术的学习...
里面详细讲述了怎么学习Ajax 以及Ajax框架dwr的详细说明讲解PPT json等
Android处理JSON数据-JSON打包.pdf 学习资料 复习资料 教学资源
在查阅资料过程中发现了configloader https://github.com/netcan/config-loader,clone学习过程中发现该代码库目前仅实现了json文件的读取,写入还没有实现,因此,狗尾续貂,在此基础上实现了json文件的写入。
很好的总结了json的使用方法,很好的学习资料。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率。
json的创建和是解析,是c语言的开源代码(cJSON),存储学习用的。关于cJSON网上资料太多,去下载还不用积分……
json java 解析学习android的好资料