[知了堂学习笔记]_Ajax之解析Json

请关注“知了堂学习社区”，地址：http://www.zhiliaotang.com/portal.php

1.json字符串

var str1 = '{"name":"xxx","sex":"man"}';

2.json对象

var str2 = '{"name":"xxx","sex":"man"}';

3.JavaBean转json

<button id="str02">javaBean</button>
<p id="info"></p>$("str02").onclick = function() {
loadTextData("ajax_xml.do?method=javaBeanToJson", "GET", true, function() {if(xmlHttpReq.readyState == 4 && xmlHttpReq.status == 200) {var res = xmlHttpReq.responseText; // 获得是一个JSON字符串// JSON字符串转JSON对象var obj = JSON.parse(res);// 将数据渲染到页面上$("info").innerText = "id : " + obj.id + " name : " + obj.name + " age : " + obj.age;}}, null);}private void javaBeanToJson(HttpServletRequest request,HttpServletResponse response) throws IOException {// TODO Auto-generated method stubPrintWriter out = response.getWriter();AjaxBean ajaxBean = new AjaxBean(1001, "zhangsan", 23);Gson gson = new Gson();String json = gson.toJson(ajaxBean); // 将JavaBean对象转成Jsonout.println(json);out.flush();out.close();}

4.list转json

<button id="str03">List</button>$("str03").onclick = function() {loadTextData("ajax_xml.do?method=listToJson", "GET", true, function() {if(xmlHttpReq.readyState == 4 && xmlHttpReq.status == 200) {var res = xmlHttpReq.responseText; // 获得是一个JSON字符串// JSON字符串转JSON对象var obj = JSON.parse(res);var info = "";for(i = 0; i < obj.length; i++) {info += "id : " + obj[i].id + " name : " + obj[i].name + " age : " + obj[i].age + "\n\n";}$("info").innerText = info;}}, null);}private void listToJson(HttpServletRequest request,HttpServletResponse response) throws IOException {// TODO Auto-generated method stubresponse.setContentType("text/plain; charset=utf-8");PrintWriter out = response.getWriter();List<AjaxBean> list = new ArrayList<>();for(int i = 0; i < 3; i++) {AjaxBean ajaxBean = new AjaxBean(i, "zhangsan", 23);list.add(ajaxBean);}Gson gson = new Gson();String json = gson.toJson(list);out.println(json);out.flush();out.close();}

[知了堂学习笔记]_Ajax之解析Json相关推荐

【知了堂学习笔记】java 自定义异常
[知了堂学习笔记]java 自定义异常参考文章: (1)[知了堂学习笔记]java 自定义异常 (2)https://www.cnblogs.com/pipixiao/p/7419902.html ...
[知了堂学习笔记]根据银行卡号匹配银行卡类型
银行卡类型匹配代码原理:通过银行卡前6或前8位对银行卡类型进行匹配,返回对应的银行类型代码: package com.finalcial.util;/*** 通过银行的Bin号来获取银行名称 ...
[知了堂学习笔记]_Java中线程的学习（一）
请关注"知了堂学习社区",地址:http://www.zhiliaotang.com/portal.php 线程 1.线程的概念线程,有时被称为轻量级进程(Lightweight ...
[知了堂学习笔记]_设计模式之工厂模式
介绍: 工厂模式专门负责将大量有共同接口的类实例化.工厂模式可以动态决定将哪一个类实例化,不必事先知道每次要实例化哪一个类. 形态: 简单工厂(Simple Factory)模式,又称静态工厂方法模式 ...
【知了堂学习笔记】_Java笔试题整理（二）
请关注"知了堂学习社区",地址:http://www.zhiliaotang.com/portal.php 1.请大概描述一下Vector和ArrayList的区别,Hashtab ...
【知了堂学习笔记】_JavaScript之DOM操作（英语在线翻译）
请关注"知了堂学习社区",地址:http://www.zhiliaotang.com/portal.php 此案例样式粗糙,主要注重功能实现!! <!DOCTYPE html ...
【知了堂学习笔记】MySQL数据库常用的SQL语句整理
一,常用.简单的SQL操作语句 1.数据库操作: 1)创建数据库: create database database_name: 创建并设置字符编码 create database database_ ...
[知了堂学习笔记]_网络基础知识_1.OSI参考模型（网络七层协议）
OSI参考模型是国际标准化组织ISO制定的模型,把计算机与计算机之间的通信分成七个互相连接的协议层,如图: 1.1各层功能 1.物理层最底层是物理层,这一次负责传送比特流,它从第二层数据接收数据帧, ...
【知了堂学习笔记】数据库连接池简介，以及Eclipse中C3p0连接池的简单运用
1.普通的JDBC连接数据库的弊端普通的JDBC数据库连接使用 DriverManager 来获取,每次向数据库建立连接的时候都要将 Connection 加载到内存中,再验证用户名和密码(得花费0 ...
知了堂学习笔记-CSS样式整理（一）
height.width 在height.width属性中使用%值,需要对包含它的块级对象设置宽高,否则height.width属性设置无效.因为%是基于包含它的块级对象的百分比高度. 无效: 有效: ...

[知了堂学习笔记]_Ajax之解析Json

[知了堂学习笔记]_Ajax之解析Json相关推荐

最新文章

热门文章