`
yinghuayu1324117
  • 浏览: 69962 次
  • 性别: Icon_minigender_2
  • 来自: 保定
文章分类
社区版块
存档分类

js解析JSON的操作案例

阅读更多

js解析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">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	
<script>
     function getXhr(){
        var xhr;
         try{
           xhr = new ActiveXObject("Microsoft.XMLHTTP");
         }catch(err){
            try{
              xhr = new XMLHttpRequest();
            }catch(er){
            
            }
         }
         return xhr;
     }
     
     function $(id){
       return document.getElementById(id);
     }
     
     function saxJosn(){
       //获取xhr对象
       var xhr = getXhr();
       //封装请求信息
       xhr.open("get","./fixedJOSN.jsp",true);
       
       //发送请求
       xhr.send();
       
       //处理相应事件
       xhr.onreadystatechange = function (){
          //判读相应信息
          if(xhr.readyState==4 && xhr.status==200){
            
             var stus = eval("("+xhr.responseText+")");
             
             var stss = $("stus");
            
             
             for(var i=0;i<stus.length;i++){
                var str = document.createElement("tr");
                
                var sname = document.createElement("td");
                var ssex = document.createElement("td");
                var sage = document.createElement("td");
                var semail = document.createElement("td");
                
               sname.innerHTML=stus[i].name;
               ssex.innerHTML=stus[i].sex;
               sage.innerHTML=stus[i].age;
               semail.innerHTML=stus[i].email;
               
               str.appendChild(sname);
               str.appendChild(ssex);
               str.appendChild(sage);
               str.appendChild(semail);
               
               stss.appendChild(str);
               
               
               
             }
          }
       }
     
     }
     
</script>

  </head>
  
  <body>
    

   <div align="center" style="border: 1px solid red;">
     <div>
       <input type="button" value="解析固定的JSON" onclick="saxJosn()"/>
     </div>
         <h1>js解析JSON的操作案例</h1>
         
         <table cellpadding="0" cellspacing="0" border="1px">
            <thead>
            <tr>
              <th>
                 姓名
              </th>
              <th>
                 性别
              </th>
              <th>
                 年龄
              </th>
              <th>
                 邮箱
              </th>
              </tr>
            </thead>
            
            <tbody id="stus">
              
            </tbody>
         </table>
   </div>
    
  </body>
</html>

 json代码:

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
students=[
	{
	name:"kouxiaolin",
	sex:"女",
	age:22,
	email:"kouxiaolinqq@163.com"
	},
	{
	name:"kouxiaolin",
	sex:"女",
	age:22,
	email:"kouxiaolinqq@163.com"
	}
]

 

分享到:
评论

相关推荐

    PB解析json,解析JSON案例,解析jsondemo

    标题中的“PB解析json,解析JSON案例,解析jsondemo”表明了本文主要关注的是PowerBuilder(简称PB)如何处理JSON数据。在现代软件开发中,JSON(JavaScript Object Notation)是一种广泛使用的轻量级数据交换格式,...

    java解析json完整案例

    以上就是使用Java解析JSON的基本操作,包括从字符串、文件或网络获取JSON数据,以及将Java对象序列化为JSON。在实际项目中,你可能还需要处理更复杂的JSON结构,比如嵌套的对象和数组,以及处理错误情况。对于更复杂...

    VB解析JSON案例

    综上所述,VB解析JSON的案例涵盖了如何在VB.NET环境中导入和使用JSON解析库,创建与JSON结构匹配的VB类,以及如何执行和交互JavaScript代码。这些技能对于任何需要处理JSON数据的VB开发者来说都极其重要。通过深入...

    复杂的json字符串解析(真实案例)

    在实际项目中,我们经常需要解析JSON字符串以获取其中的数据,这通常涉及到各种JSON解析库。在这个真实案例中,我们将深入探讨如何使用Gson库来解析复杂的JSON字符串。 Gson是Google提供的一个Java库,它能够将Java...

    json解析个人案例

    2. JSON解析器:在编程语言中,都有相应的库或内置功能来解析JSON字符串。例如,在Python中,可以使用`json`模块的`loads()`函数将JSON字符串转换为字典对象;在JavaScript中,有全局函数`JSON.parse()`实现相同功能...

    JAVA解析JSON数据

    本篇文章将深入探讨如何在Java中解析JSON数据。 首先,我们需要一个JSON库来帮助我们进行解析工作。Java标准库并不内置JSON处理功能,但有多个开源库可供选择,如Gson、Jackson、org.json和JSON-P。这里我们以广泛...

    Java使用JSONPath解析JSON完整内容详解

    Java使用JSONPath解析JSON完整内容详解 JsonPath是一种用于从JSON文档中提取特定数据片段的查询语言。它的语法类似于CSS选择器,能够精确地定位到JSON结构中的特定位置,从中提取所需的数据。对于开发者来说,...

    Json解析案例json,fastjson,gson

    它包括`JSONObject`和`JSONArray`两个主要类,用于创建和解析JSON对象和数组。例如: ```java String jsonString = "{\"name\":\"John\", \"age\":30, \"city\":\"New York\"}"; JSONObject jsonObject = new ...

    vc6 解析 json

    - **使用API**:cJSON库提供了如`cJSON_Parse()`、`cJSON_CreateObject()`、`cJSON_GetObjectItem()`等函数,用于解析JSON字符串,创建和操作JSON对象。 4. **测试示例**:在描述中提到的测试示例通常会展示如何在...

    json解析和封装案例

    2. 解析JSON:演示如何使用`JSON.parse()`函数将JSON字符串转化为JavaScript对象。 3. 封装JSON:使用`JSON.stringify()`函数将JavaScript对象转化为JSON字符串。 4. 错误处理:处理解析和封装时可能遇到的错误,如...

    Json解析详细案例

    1. JavaScript解析: ```javascript let jsonString = '{"name":"张三","age":30,"hobbies":["阅读","编程"]}'; let jsonObject = JSON.parse(jsonString); console.log(jsonObject.name); // 输出 "张三" console....

    json解析案例

    在本案例中,我们将深入探讨如何解析JSON数据,以及相关的编程实践。 1. JSON的基本结构: JSON基于JavaScript的一个子集,主要由对象和数组两种数据结构组成。对象是以花括号 `{}` 包围的键值对集合,键和值之间...

    14-天气预报1-网络读取数据并解析JSON.rar

    解析JSON数据是将接收到的字符串转换为可操作的Java对象的过程。首先,你需要将HTTP响应转换为字符串,然后使用`new JSONObject(responseString)`创建一个JSONObject实例。接着,可以使用`JSONObject`的成员方法...

    pb解析与生成json

    - JSON格式通常用于Web服务的API数据传输,因为它可以直接被JavaScript解析为对象,而无需额外的转换步骤。 - JSON数据结构包括对象(键值对的集合,用花括号{}包围)和数组(有序元素列表,用方括号[]包围)。 3...

    C#Json文件操作案例

    2. **解析JSON字符串**: 如果JSON数据已经以字符串形式存在,可以使用`JsonDocument`类进行解析。这个类提供了读取JSON而不完全加载到内存中的能力,这对于处理大型JSON文件非常有用。 ```csharp string json...

    JSONF示例,JSON入门案例,JSON

    JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它采用完全独立于语言的文本格式,但也使用了类似于C家族语言(包括JavaScript)的习惯,这使得它对人来说易于阅读和编写,同时也易于机器解析和...

    IOS连接互联网JSON操作XML操作案例源码

    - 解析JSON:使用`NSJSONSerialization`的`JSONObjectWithData:options:error:`方法,可以将JSON数据转换为Objective-C对象,如NSArray或NSDictionary。 - 编码JSON:通过`dataWithJSONObject:options:error:`方法...

    Json解析Gson解析

    在IT行业中,JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,广泛应用于服务器与客户端之间的数据通信,尤其在Web服务中极为常见。而Gson是Google开发的一个Java库,用于将Java对象转换为JSON格式...

    Android 解析json_dome

    本教程将围绕“Android解析json_dome”这一主题,详细介绍如何在Android应用中解析JSON数据。 首先,我们需要理解JSON的基本结构。JSON数据以键值对的形式存储,可以是对象({})、数组([])、字符串("...")、...

    Android的JSON请求案例

    本案例主要关注如何在Android应用中实现JSON请求,理解并解析JSON数据。下面将详细阐述相关知识点。 1. **JSON基础** JSON是一种独立于语言的数据交换格式,它基于JavaScript的一个子集。数据格式主要包括对象...

Global site tag (gtag.js) - Google Analytics