XML、JSON与Ajax

本文最后更新于:2020年12月24日 下午

一、JSON

1.JSON概述

JSON,即JavaScript Object Notion,是一种轻量级的数据交换格式。

  • 轻量级是相对于xml而言的

  • 数据交换指的是 客户端与服务器之间业务数据的传递格式

2.JSON在Javascript中的使用

(1)定义

json由键值对组成,并且由花括号{}包围。

每个键由引号“”引起来,键和值之间使用冒号进行分隔,多组键值对之间进行逗号,进行分隔。

值可以是数字、字符串、数组、JSON等等。

var jsonObj = {
	"key1":12,
	"key2":"abc",
	"key3":true,
	"key4":[11,"arr",false],
	"key5":{
		"key5_1" : 551,
		"key5_2" : "key5_2_value"
	},
	"key6":[{
		"key6_1_1":6611,
		"key6_1_2":"key6_1_2_value"
		},{
		"key6_2_1":6621,
		"key6_2_2":"key6_2_2_value"
	}]
};

(2)访问

json 本身是一个对象,json 中的key 我们可以理解为是对象中的一个属性。因此,json 中的key访问就跟访问对象的属性一样:json对象.key

alert(typeof(jsonObj));// object json 就是一个对象

alert(jsonObj.key1); // 12
alert(jsonObj.key2); // abc
alert(jsonObj.key3); // true
alert(jsonObj.key4); // 得到数组[11,"arr",false]

// json 中数组值的遍历
for(var i = 0; i < jsonObj.key4.length; i++) {
	alert(jsonObj.key4[i]);
}

alert(jsonObj.key5.key5_1); // 551
alert(jsonObj.key5.key5_2); // key5_2_value

// 取出来每一个元素都是json 对象
var jsonItem = jsonObj.key6[0];
// alert( jsonItem.key6_1_1 ); //6611
alert( jsonItem.key6_1_2 ); //key6_1_2_value

(3)常用方法

json 的存在有两种形式:

  • json对象,常用在需要操作json中数据时。
  • json字符串,常用在客户端和服务器之间进行数据交换的时候。

  • 转换方法为JSON.stringify()JSON.parse()

// 把 json对象 转换成为 json字符串
var jsonObjString = JSON.stringify(jsonObj); // 特别像Java 中对象的toString
alert(jsonObjString);

// 把 json字符串 转换成为 json对象
var jsonObj2 = JSON.parse(jsonObjString);
alert(jsonObj2.key1);   // 12
alert(jsonObj2.key2);   // abc

3.JSON在Java中的使用

(1)Javabean和JSON转换

  • 借助Gson包里面的gson.toJson方法和gson.fromJson方法
public void test1(){
	Person person = new Person(1,"国哥好帅!");
    
	// 创建Gson 对象实例
	Gson gson = new Gson();
    
	// toJson 方法可以把java 对象转换成为json 字符串
	String personJsonString = gson.toJson(person);
	System.out.println(personJsonString);
    
	// fromJson 把json 字符串转换回Java 对象
	// 第一个参数是json 字符串
	// 第二个参数是转换回去的Java 对象类型
	Person person1 = gson.fromJson(personJsonString, Person.class);
	System.out.println(person1);
}

(2)List和json互转

  • list转json,可以直接用Gson包的gson.toJson方法
  • json转list,需要先新建一个继承自TypeToken类的PersonListType类,然后再通过gson.fromJson(personListJsonString, new PersonListType().getType()); 进行转换
public void test2() {
	List<Person> personList = new ArrayList<>();
	personList.add(new Person(1, "国哥"));
	personList.add(new Person(2, "康师傅"));
    
	Gson gson = new Gson();
	// 把 List 转换为json字符串
	String personListJsonString = gson.toJson(personList);
	System.out.println(personListJsonString);
   
    // 将 JSON字符串 转换为 List
	List<Person> list = gson.fromJson(personListJsonString, new PersonListType().getType()); 
	System.out.println(list);
    
	Person person = list.get(0);
	System.out.println(person);
}

(3)map和json的互转

  • nap转json,可以直接用Gson包的gson.toJson方法
  • json转list,需要先新建一个继承自TypeToken类的PersonListType类,然后再通过gson.fromJson(personListJsonString, new PersonListType().getType()); 进行转换
  • json转list,采用匿名内部类:gson.fromJson(personMapJsonString, new TypeToken<HashMap<Integer,Person>>(){}.getType())
public void test3(){
	Map<Integer,Person> personMap = new HashMap<>();
	personMap.put(1, new Person(1, "国哥好帅"));
	personMap.put(2, new Person(2, "康师傅也好帅"));
    
	Gson gson = new Gson();
	// 把map 集合转换成为json 字符串
	String personMapJsonString = gson.toJson(personMap);
	System.out.println(personMapJsonString);
    
    
	// Map<Integer,Person> personMap2 = gson.fromJson(personMapJsonString, new  PersonMapType().getType());
    
	Map<Integer,Person> personMap2 = gson.fromJson(personMapJsonString, new	TypeToken<HashMap<Integer,Person>>(){}.getType());
	System.out.println(personMap2);
    
	Person p = personMap2.get(1);
	System.out.println(p);
}

二、AJAX

1.AJAX概述

AJAX即“Asynchronous JavaScript And XML”(异步JavaScript和XML),是指一种创建交互式网页的网页开发技术。

ajax 是一种浏览器通过js异步发起请求,局部更新页面的技术。
Ajax 请求的局部更新,浏览器地址栏不会发生变化。局部更新不会舍弃原来页面的内容。

待更新…


本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!