`
newli2010.
  • 浏览: 897 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

一个简单的json例子,附带详细介绍

阅读更多
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
   
    <title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">   
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type="text/javascript">
function showJson()
{
/*JSON (JavaScript Object Notation)一种简单的数据格式,比xml更轻巧。 JSON 是 JavaScript 原生格式,
这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。
JSON的规则很简单: 对象是一个无序的“‘名称/值’对”集合。一个对象以“{”(左括号)开始,“}”(右括号)结束。
每个“名称”后跟一个“:”(冒号);“‘名称/值’ 对”之间使用“,”(逗号)分隔。
*/
var User={
"username":"jack",
"age":"18",
"address":
[
{"city":"beijing","postcode":"222222"},
{"city":"shanghai","postcode":"66666"}
],
"info":{"tel":"123456","phone":"123123123"}
}
User.username="tom";//可以修改数据。
//通过json的方式给span赋值。
document.getElementById("username").innerHTML=User.username;
document.getElementById("age").innerHTML=User.age;
document.getElementById("info").innerHTML=User.info.tel;
document.getElementById("city").innerHTML=User.address[0].city;
document.getElementById("postcode").innerHTML=User.address[1].postcode;
}
/*
下载http://www.json.org/json.js 后,将其引入然后就可以简单的使用object.toJSONString()转换成JSON数据。
*/
function myEval()
{
var str='{"name":"jack","address":"beijing"}';
var obj=str.parseJSON();
alert(obj.toJSONString());
}
</script>
  </head>
 
  <body >
  <input type="button" value="click!" onclick="showJson();"><br/>
    <span id="username"></span><br/>
    <span id="age"></span><br/>
    <span id="info"></span><br/>
    <span id="city"></span><br/>
    <span id="postcode"></span>
  </body>
</html>
分享到:
评论

相关推荐

    struts2+json+ajax整合例子(导入即可运行,附带详细教程)

    总的来说,"Struts2+json+ajax整合例子"是一个实用的教学资源,帮助开发者了解如何在实际项目中利用这些技术进行高效的Web开发。通过学习和实践这个例子,开发者可以提升其在Web应用程序开发中的技能。

    json分页的例子

    以下是一个简单的jQuery分页示例: ```javascript $(document).ready(function() { var page = 1; // 当前页码 var perPage = 10; // 每页显示数量 function fetchData() { $.ajax({ url: "/api/data?page=" ...

    一个简单的Ajax例子

    在这个"一个简单的Ajax例子"中,我们将深入探讨Ajax的核心概念、工作原理以及如何编写基本的Ajax代码。 1. **Ajax核心概念**: - **异步通信**:Ajax允许浏览器与服务器进行非阻塞通信,即用户在请求处理期间仍可...

    Ext.tree.TreeLoader附带封装的json类

    例如,一个简单的JSON数据结构可能如下所示: ```json [ { "id": "1", "text": "父节点1", "children": [ { "id": "1.1", "text": "子节点1.1" }, { "id": "1.2", "text": "子节点1.2" } ] }, { ...

    可可网络验证9.5版调用例子(附带后台)

    "可可网络验证9.5版调用例子(附带后台)"是一个针对网络验证系统的具体应用实例,适用于开发者和网络管理员,帮助他们理解和实施网络验证机制。这个压缩包包含两个关键文件:测试版后台地址.txt和易语言调用例子,...

    最新版axios入门教程——2.02-json-server的介绍与服务搭建(Av756328321,P2).rar

    在本教程中,我们将深入探讨如何使用axios进行基础的API请求,并通过json-server搭建一个简单的模拟后端服务。Axios是一款流行的JavaScript库,用于在浏览器和Node.js环境中发起HTTP请求,而json-server则是一个快速...

    Android JSON传参与服务器交互

    在JSONDemo项目中,你可以找到一个完整的例子,展示了如何封装客户端与服务器的JSON交互过程,包括创建JSON对象、发送网络请求以及处理响应。通过对该项目的代码学习,开发者可以更好地理解和应用这些概念,实现高效...

    android使用json客户端和服务器端数据交互

    以下是一个使用`org.json`库创建JSON对象的例子: ```java JSONObject jsonObject = new JSONObject(); try { jsonObject.put("name", "John"); jsonObject.put("age", 30); } catch (JSONException e) { e....

    C++JSON库文件包含编译好了的c++头文件

    描述中提到的"带有mcf c++14的一个小例子"暗示了这个库可能已经更新到了支持C++14标准,"mcf"可能是一个示例项目的名称,它展示了如何使用这个库进行JSON操作。C++14是C++语言的一个版本,它扩展并改进了C++11,引入...

    SSH2整合例子(jquery,json)1.0版

    免积分下载SSH2实例源码,并整合ajax、...附带jquery 1.2.6(以上)、json。实现功能:登录验证,各种简单验证,使用json传值,并实现 注册(添加) 功能,呵呵,博大家一笑。。。后续版本,会陆续推出,请大家指教!

    JSON-Validator-Java:Java中的JSON对象验证

    例如,一个简单的JSON Schema可能如下所示: ```json { "type": "object", "properties": { "name": { "type": "string" }, "age": { "type": "integer", "minimum": 0, "maximum": 150 } }, "required": [...

    Excel2Json 和 Excel2Csharp

    此外,这个工具包附带了测试文档和测试项目,这对于初学者来说是极其宝贵的资源。测试文档详细解释了如何使用这些脚本,而测试项目则提供了实际操作的例子,帮助开发者快速上手并熟悉整个流程。 在使用"Excel2Json...

    2021年最新常用手机型号Json数据

    标题中的“2021年最新常用手机型号Json数据”表明这是一个包含2021年度流行手机型号的数据集,以Json格式存储。Json(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也方便机器...

    将本地收藏夹添加到TreeView中(附带很简单的浏览器)

    例如,对于Firefox,收藏夹通常存储在一个JSON格式的书签文件中;而对于Chrome,可能需要查询注册表。 2. **解析收藏夹数据**:解析从浏览器获取的收藏夹数据,将其转化为易于处理的结构。这可能涉及到解析HTML、...

    webapi token验证例子

    在WebAPI中,当用户成功登录后,服务器会返回一个Token,客户端需要在后续的所有API请求中附带这个Token,以此证明请求的合法性。 JWT是一种自我包含的令牌格式,它包含了必要的用户信息和一个签名。签名由服务器的...

    基于 Go 语言构建企业级的 RESTful API 服务 企业级go gin 开发框架 附带源码

    GET 获取一个具体的资源 /users/admin 获取 admin 用户的详细信息 POST 创建一个新的资源 /users 创建一个新用户 PUT 以整体的方式更新一个资源 /users/1 更新 id 为 1 的用户 DELETE 删除服务器上的一个资源 /users...

    Go-req是一个轻量级简单到极致的go语言http请求库

    例如,发送一个POST请求并附带JSON数据: ```go package main import ( "github.com/goware/req" "encoding/json" ) type Person struct { Name string `json:"name"` Age int `json:"age"` } func main() {...

    Jason_c.rar C语言实现,有例子

    总结来说,"Jason_c.rar"是一个包含C语言实现的JSON处理库,它提供了解析、创建和操作JSON数据的功能,并附带了示例代码以帮助开发者快速上手。对于需要在C语言项目中处理JSON数据的开发人员,这个库是一个非常有...

    java 实现通过 post 方式提交json参数操作

    在这个例子中,使用`HttpClientBuilder.create().build()`创建了一个默认的`CloseableHttpClient`实例,然后调用`execute`方法发送请求。 7. **处理响应**: `execute`方法会返回一个`HttpResponse`对象,你可以...

    postman测试post请求参数为json类型的实例讲解

    本文将详细介绍如何使用Postman进行POST请求,并附带JSON格式的参数。 **引言** Postman是一款流行的Chrome扩展,专门用于测试Web API。它允许开发者无需编写额外的测试代码就能与API进行交互,大大简化了API调试...

Global site tag (gtag.js) - Google Analytics