`

javascript使用json

    博客分类:
  • json
 
阅读更多

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <title>Untitled Document</title>
  <script type="text/javascript" src="json.js"></script>
  <script type="text/javascript">
      function test() {
              var jsontext = '{"man":{"weight":"75kg", "age":"24"},"ar":["1", "2", "3", "4"]}';
     //解析json
     var aman = eval("("+jsontext+")");
     //取出json中的信息
     alert(aman.man.weight);
   }
   
   function showJSON() {
     var user = {
        "username":"andy",
      "age":"24",
      "info":{"tel":"123456", "cellphone":"98756"},
      "address":[
         {"city":"beijing", "postcode":"222233"},
      {"city":"newwork", "postcode":"444455"},
      ]
    
     }
     user.username = "tom";
     alert("username="+user.username);
     alert("age="+user.age);
     alert("info="+user.info.cellphone);
     alert("address第一个地址 =" + user.address[0].city); 
     alert("address第二个地址 =" + user.address[1].city);    
   }
   
   function showCar() {
    var carr = new Car("Donge", "Coronet R/T", 123, "yellow");
    alert(carr.toJSONString());
   }

           function Car(make, model, year, color) {   
              this.make  =  make;   
              this.model  =  model;   
              this.year  =  year;   
              this.color  =  color;   
           }
    
           function myEval() {   
              var str = '{ "name": "Violet", "occupation": "character" }';   
              var obj = eval('(' + str + ')');   
              alert(obj.toJSONString());   
           } 
    
           function myEval2() {   
              var str = '{ "name": "Violet2", "occupation": "character2" }';   
              var obj = str.parseJSON();   
              alert(obj.toJSONString());   
           } 
          
     function toJsonString() {
      var continents = new Array();
            continents.push("Europe");
   continents.push("Asia");
   continents.push("Australia");
   continents.push("Antarctica");
   continents.push("North America");
   continents.push("South America");
   continents.push("Africa");
   alert("The JSON representation of the continents array is: " +continents.toJSONString());   
     }  
  </script>
 </head>
 <body>
  <input type="button" value="测试JSON" onclick="test();"><br />
  
  <input type="button" value="测试JSON2" onclick="showJSON();"><br />
  
  <input type="button" value="showCar" onclick="showCar();"><br />
  
  <input type="button" value="Eval转换" onclick="myEval();"><br />
  
  <input type="button" value="JSON转换" onclick="myEval2();"><br />

  <input type="button" value="toJsonString" onclick="toJsonString();"><br />
 </body>
</html>

分享到:
评论

相关推荐

    PHP JavaScript 使用Json资料打包1

    PHP JavaScript 使用Json资料打包

    PHP JavaScript 使用Json资料打包2

    请下载 “PHP JavaScript 使用Json资料打包1”解压

    JavaScript and JSON Essentials

    随着互联网的兴起,数据在网络上交换的方式经历了...总的来说,《JavaScript与JSON实用指南》将帮助开发者掌握JSON的核心知识,并了解如何使用JavaScript创建和处理JSON数据,从而构建出更加高效和功能丰富的web应用。

    json比对js插件

    JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,被广泛用于Web应用程序之间传递数据。它基于JavaScript的一个子集,格式简洁且易于读写,同时也易于机器解析和生成。在进行开发时,我们常常需要对...

    jsoneditor_javascript_JSON_jsoneditor9.1.4_json-editorjs_

    在实际使用中,JSONEditor9.1.4的源代码可以被集成到任何使用JavaScript的Web项目中。开发人员可以通过引入库文件、配置编辑器选项、监听事件等方式来定制编辑器的功能和外观。此外,由于JSONEditor是开源的,开发...

    javascript读取Json数据分页显示

    在这个场景中,我们将讨论如何使用JavaScript从JSON数据源中读取数据,并实现支持键盘和滚轮翻页的功能。 首先,JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它易于人阅读和编写,同时也易于...

    javascript对象转换成json

    在JavaScript中,我们可以使用内置的`JSON.stringify()`方法将JavaScript对象转换为JSON字符串。 ### JSON.stringify()方法 `JSON.stringify()`是JavaScript中的全局函数,用于将JavaScript值转换为JSON字符串。它...

    [JSON] JavaScript & JSON 核心技术 (英文版)

    [Packt Publishing] JavaScript & JSON 核心技术 (英文版) [Packt Publishing] JavaScript and JSON Essentials (E-Book) ☆ 图书概要:☆ Successfully build advanced JSON-fueled web applications with this ...

    javascript处理json字符串和json对象的类(含示例)

    在JavaScript中,可以使用`JSON.parse()`方法将一个JSON格式的字符串转换为JavaScript对象。这个方法接收一个JSON字符串作为参数,返回的是解析后的JavaScript对象。例如: ```javascript let jsonString = '{"name...

    使用JavaScript操作JSON源码

    本篇将深入探讨如何使用JavaScript来操作JSON源码。 首先,理解JSON的基本结构至关重要。JSON基于JavaScript对象语法,但不包含函数和一些特殊值。一个JSON对象以大括号{}表示,其中包含键值对;数组则以方括号[]...

    JavaScript的json封装

    因项目需求,自己拼接麻烦,所以将javascript拼接json封装成和java类似的操作,直接put() 与 get() 就可以使用,支持json数组,使用的时候只需要 创建对象 并赋值 然后调用内部参数即可,源码中有示例。因为删除操作...

    JavaScript中使用Json范例

    JSON采用完全独立于语言的文本格式,但也使用了类似于C家族语言,包括C、C++、C#、Java、JavaScript、Perl、Python等的语法。这种数据格式易于人阅读和编写,同时也易于机器解析和生成。在JavaScript中使用JSON,...

    纯javascript实现json与对象的互相转换项目

    相反,如果我们要将JavaScript对象转换为JSON字符串,可以使用`JSON.stringify()`方法: ```javascript var jsonObject = { name: 'John', age: 30, city: 'New York' }; var jsonString = JSON.stringify...

    javascript json字符串到json对象转义问题

    在JavaScript中,可以使用`JSON.parse()`函数将一个有效的JSON字符串转换为JSON对象。但是,如果JSON字符串中的特殊字符未正确转义,`JSON.parse()`将会抛出错误。例如,双引号(")在JSON字符串中必须被转义为`\\"`...

    Javascript解析JSON数据

    JSON (JavaScript Object Notation)一种简单的数据格式,比xml更轻巧。 JSON 是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。

    delphi7_ remobject_javascript_json

    在IT行业中,RemObjects JavaScript和JSON是两种非常重要的技术,特别是在跨平台开发和数据交换方面。本实例将探讨如何在Delphi 7环境下利用RemObjects JavaScript库与JSON进行交互,从而实现更高效的通信和数据处理...

    xmlhttp+asp+javascript+xml+json

    在压缩包"xmlhttp+asp+javascript+xml+json"中,可能包含了示例代码或者教程,展示了如何在ASP环境中使用XMLHTTP对象与服务器通信,JavaScript处理JSON或XML响应,并在客户端进行数据操作。如果你正面临一个需要使用...

    json3.js 【JS / JavaScript 中解析JSON的js包,JSON官方的JSON解析包】

    JavaScript中解析JSON的js包,页面中引入json3.js,即可使用。 使用方法:JSON.parse(str), JSON.stringify(obj) 更多详情请参考博文: JavaScript中解析JSON --- JSON.parse()、JSON.stringify()以及$.parseJSON()...

    javascript object to json string

    在JavaScript中,我们可以使用`JSON.stringify()`方法将JavaScript对象转换成JSON字符串。 `JSON.stringify()`方法接受三个参数: 1. 需要转换的JavaScript对象或值。 2. (可选)一个转换函数,用于在转换过程中...

    解决javascript组装json的繁琐问题

    本篇文章将探讨如何解决这个问题,通过使用内部的javabean模式和JavaScript的原型链特性来简化JSON数据的拼装。 首先,理解JavaScript中的javabean模式。在Java中,javabean是一种具有getter和setter方法的对象,...

Global site tag (gtag.js) - Google Analytics