威尼斯www.9778.com-威尼斯正版官方网站

javascript JSON操作入门实例_json_脚本之家

日期:2019-12-25编辑作者:服务器&运维

JSON的平整一点也不细略: 对象是三个无序的“‘名称/值'对”群集。二个目的以“{”甘休。各个“名称”后跟三个“:”;“‘名称/值' 对”之直接受“,”分隔。具体细节参谋 那篇有个入门的篇章,也得以参考下 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; alert; alert; alert; alert(user.address[0].postcode卡塔尔(英语:State of Qatar); } 那代表三个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; alert; alert; alert; alert(user.address[0].postcode); user.username = "Tom"; alert; } JSON提供了json.js包,下载 后,将其引进然后就足以简不难单的接受object.toJSONString(卡塔尔国转变来JSON数据。 js 代码 复制代码 代码如下: function showCar(卡塔尔国 { var carr = new Car("Dodge", "Coronet 奔驰SLK级/T", 1970, "yellow"卡塔尔(قطر‎; alert; } 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": "瓦奥莱特", "occupation": "character" }'; var obj = eval; alert; } 可能选择parseJSON(卡塔尔(قطر‎方法 js 代码 复制代码 代码如下: function myEval(卡塔尔 { var str = '{ "name": "维尔莉特", "occupation": "character" }'; var obj = str.parseJSON(卡塔尔; alert; } 上边选择prototype写叁个JSON的ajax例子。 先写一个servlet (笔者的是servlet.ajax.JSONTest1.java卡塔尔(英语:State of Qatar)就写一句话 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 { alert(originalRequest.responseText卡塔尔(قطر‎; var myobj = originalRequest.responseText.parseJSON; } prototype-1.5.1.js中提供了JSON的法子,String.evalJSON(卡塔尔, 能够不行使json.js, 改善上边的办法 js 代码 复制代码 代码如下: function jsonResponse { alert(originalRequest.responseText卡塔尔; var myobj = originalRequest.responseText.evalJSON; alert; } JSON还提供了java的jar包 API也不会细小略,下边举个例证 在javascript中填加诉求参数 js 代码 复制代码 代码如下: function sendRequest(卡塔尔(قطر‎ { var carr = new Car("Dodge", "Coronet 昂Cora/T", 一九七〇, "yellow"卡塔尔; var pars = "car=" + carr.toJSONString(卡塔尔; var url = "/MyWebApp/JSONTest1"; var mailAjax = new Ajax.Request( url, { method: 'get', parameters: pars, onComplete: jsonResponse } 卡塔尔(英语:State of Qatar); } 使用JSON哀告字符串就足以回顾的生成JSONObject并实行解析,订正servlet增加JSON的拍卖 java 代码 复制代码 代码如下: private void doService(HttpServletRequest request, HttpServletResponse response卡塔尔(قطر‎throws IOException { String s3 = request.getParameter; try { JSONObject jsonObj = new JSONObject; System.out.println(jsonObj.getString; System.out.println(jsonObj.getInt; } catch { e.printStackTrace(卡塔尔; } response.getWriter(卡塔尔国.print("{ "name": "Violet", "occupation": "character" }"卡塔尔(英语:State of Qatar); } 同样能够采取JSONObject生成JSON字符串,校勘servlet java 代码 复制代码 代码如下: private void doService(HttpServletRequest request, HttpServletResponse response)throws IOException { String s3 = request.getParameter; try { JSONObject jsonObj = new JSONObject; System.out.println(jsonObj.getString; System.out.println(jsonObj.getInt; } catch { e.printStackTrace(卡塔尔; } JSONObject resultJSON = new JSONObject(卡塔尔(قطر‎; try { resultJSON.append .append("occupation", "developer"卡塔尔(英语:State of Qatar) .append("age", new Integer; System.out.println卡塔尔; } catch { e.printStackTrace(卡塔尔; } response.getWriter(卡塔尔.print卡塔尔; } js 代码 复制代码 代码如下: function jsonResponse { alert(originalRequest.responseText卡塔尔; var myobj = originalRequest.responseText.evalJSON; alert; alert; }

JSON (JavaScript Object Notation)生机勃勃种简易的数量格式,比xml更轻巧。 JSON 是 JavaScript 原生格式,那代表在 JavaScript 中拍卖 JSON 数据不必要别的例外的 API 或工具包。

JSON的平整异常粗略: 对象是三个九冬的“‘名称/值’对”集结。八个指标以“{”(左括号)早先,“}”(右括号)甘休。各种“名称”后跟八个“:”(冒号);“‘名称/值’ 对”之间利用“,”(逗号)分隔。具体细节参照他事他说加以考察

举个简易的例子:

js 代码

  1. function showJSON() {   
  2.     var user =    
  3.     {    
  4.         "username":"andy",   
  5.         "age":20,   
  6.         "info": { "tel": "123456", "cellphone": "98765"},   
  7.         "address":   
  8.             [   
  9.                 {"city":"beijing","postcode":"222333"},   
  10.                 {"city":"newyork","postcode":"555666"}   
  11.             ]   
  12.     }   
  13.        
  14.     alert(user.username);   
  15.     alert(user.age);   
  16.     alert(user.info.cellphone);   
  17.     alert(user.address[0].city);   
  18.     alert(user.address[0].postcode);   
  19. }   

那象征三个user对象,具有username, age, info, address 等质量。

平等也足以用JSON来大致的退换数据,改革上边的事例

js 代码

  1. function showJSON() {   
  2.     var user =    
  3.     {    
  4.         "username":"andy",   
  5.         "age":20,   
  6.         "info": { "tel": "123456", "cellphone": "98765"},   
  7.         "address":   
  8.             [   
  9.                 {"city":"beijing","postcode":"222333"},   
  10.                 {"city":"newyork","postcode":"555666"}   
  11.             ]   
  12.     }   
  13.        
  14.     alert(user.username);   
  15.     alert(user.age);   
  16.     alert(user.info.cellphone);   
  17.     alert(user.address[0].city);   
  18.     alert(user.address[0].postcode);   
  19.        
  20.     user.username = "Tom";   
  21.     alert(user.username);   
  22. }   

 JSON提供了json.js包,下载 后,将其引进然后就足以简单的运用object.toJSONString(卡塔尔国转变成JSON数据。

js 代码

  1. function showCar() {   
  2.     var carr = new Car("Dodge", "Coronet R/T", 1968, "yellow");   
  3.     alert(carr.toJSONString());   
  4. }   
  5.   
  6. function Car(make, model, year, color)       {   
  7.      this.make  =  make;   
  8.      this.model  =  model;   
  9.      this.year  =  year;   
  10.      this.color  =  color;   
  11. }   

能够使用eval来转变JSON字符到Object

js 代码

  1. function myEval() {   
  2.     var str = '{ "name": "Violet", "occupation": "character" }';   
  3.     var obj = eval('(' + str + ')');   
  4.     alert(obj.toJSONString());   
  5. }   

要么应用parseJSON(卡塔尔(英语:State of Qatar)方法

js 代码

  1. function myEval() {   
  2.     var str = '{ "name": "Violet", "occupation": "character" }';   
  3.     var obj = str.parseJSON();   
  4.     alert(obj.toJSONString());   
  5. }   

下边选拔prototype写三个JSON的ajax例子。

先写二个servlet (作者的是servlet.ajax.JSONTest1.java卡塔尔就写一句话

java 代码

  1. response.getWriter().print("{ "name": "Violet", "occupation": "character" }");  

再在页面中写二个ajax的恳求

js 代码

  1. function sendRequest() {   
  2.     var url = "/MyWebApp/JSONTest1";   
  3.     var mailAjax = new Ajax.Request(   
  4.         url,   
  5.         {   
  6.             method: 'get',   
  7.             onComplete: jsonResponse   
  8.         }   
  9.     );   
  10. }   
  11.   
  12. function jsonResponse(originalRequest) {   
  13.     alert(originalRequest.responseText);   
  14.     var myobj = originalRequest.responseText.parseJSON();   
  15.     alert(myobj.name);   
  16. }   

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 代码

  1. function jsonResponse(originalRequest) {   
  2.     alert(originalRequest.responseText);   
  3.     var myobj = originalRequest.responseText.evalJSON(true);   
  4.     alert(myobj.name);   
  5. }   

JSON还提供了java的jar包 API也很简短,上边举例

在javascript中填加央求参数

js 代码

  1. function sendRequest() {   
  2.     var carr = new Car("Dodge", "Coronet R/T", 1968, "yellow");   
  3.     var pars = "car=" + carr.toJSONString();   
  4.   
  5.     var url = "/MyWebApp/JSONTest1";   
  6.     var mailAjax = new Ajax.Request(   
  7.         url,   
  8.         {   
  9.             method: 'get',   
  10.             parameters: pars,   
  11.             onComplete: jsonResponse   
  12.         }   
  13.     );   
  14. }   

接纳JSON央浼字符串就足以简简单单的生成JSONObject并举办解析,改进servlet增多JSON的拍卖(要运用json.jar卡塔尔(英语:State of Qatar)

java 代码

  1. private void doService(HttpServletRequest request, HttpServletResponse response) throws IOException {   
  2.         String s3 = request.getParameter("car");   
  3.         try {   
  4.             JSONObject jsonObj = new JSONObject(s3);   
  5.             System.out.println(jsonObj.getString("model"));   
  6.             System.out.println(jsonObj.getInt("year"));   
  7.         } catch (JSONException e) {   
  8.             e.printStackTrace();   
  9.         }   
  10.         response.getWriter().print("{ "name": "Violet", "occupation": "character" }");   
  11.     }   

同等能够运用JSONObject生成JSON字符串,纠正servlet

java 代码

  1. private void doService(HttpServletRequest request, HttpServletResponse response) throws IOException {   
  2.         String s3 = request.getParameter("car");   
  3.         try {   
  4.             JSONObject jsonObj = new JSONObject(s3);   
  5.             System.out.println(jsonObj.getString("model"));   
  6.             System.out.println(jsonObj.getInt("year"));   
  7.         } catch (JSONException e) {   
  8.             e.printStackTrace();   
  9.         }   
  10.            
  11.         JSONObject resultJSON = new JSONObject();   
  12.         try {   
  13.             resultJSON.append("name", "Violet")   
  14.                       .append("occupation", "developer")   
  15.                       .append("age", new Integer(22));   
  16.             System.out.println(resultJSON.toString());   
  17.         } catch (JSONException e) {   
  18.             e.printStackTrace();   
  19.         }   
  20.         response.getWriter().print(resultJSON.toString());   
  21.     }   

js 代码

  1. function jsonResponse(originalRequest) {   
  2.     alert(originalRequest.responseText);   
  3.     var myobj = originalRequest.responseText.evalJSON(true);   
  4.     alert(myobj.name);   
  5.     alert(myobj.age);   
  6. }  

参考

本文由威尼斯www.9778.com发布于服务器&运维,转载请注明出处:javascript JSON操作入门实例_json_脚本之家

关键词:

js 获取子节点函数 _表单特效_脚本之家

复制代码 代码如下:function getFirstChild{ var result = obj.firstChild; while { result = result.nextSibling; }return result; } function getNextC...

详细>>

jQuery常见问题整理

Q0,新手必看教程:第一步,jQuery中文入门指南,翻译加实例,jQuery的起点教程第二步,下载手册方便查询(jQuery 1...

详细>>

记录鼠标的轨道并重放的js代码_javascript本领_脚本之家

越过的标题:Question①:mousemove事件中,移动方法中会被记录很多的left和top,笔者只必要大致的几组数据就能够,不...

详细>>