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 协议 ,转载请注明出处!