JSON和Ajax学习

最新推荐文章于 2024-03-07 16:44:31 发布

在地球迷路的怪兽

最新推荐文章于 2024-03-07 16:44:31 发布

阅读量79

点赞数

文章标签： json ajax javascript

本文链接：https://blog.csdn.net/qq_53324833/article/details/121925020

版权

Javaweb 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

什么是Json

JSON (JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。JSON 采用完全独立于语言的文本格式，而且很多语言都提供了对 json 的支持（包括 C, C++, C#, Java, JavaScript, Perl, Python 等）。这样就使得 JSON 成为理想的数据交换格式。
json 是一种轻量级的数据交换格式。

轻量级指的是跟 xml 做比较。

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

JSON 在 JavaScript 中的使用

json 的定义

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"
	}]
};

json 的访问

json 本身是一个对象。

json 中的 key 我们可以理解为是对象中的一个属性。

json 中的 key 访问就跟访问对象的属性一样： json 对象.key

json 访问示例：

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 
alert( jsonObj.key6 );// 得到 json 数组
// 取出来每一个元素都是 json 对象
var jsonItem = jsonObj.key6[0];
// alert( jsonItem.key6_1_1 ); //6611
alert( jsonItem.key6_1_2 ); //key6_1_2_value

json 的两个常用方法

json 的存在有两种形式。

一种是：对象的形式存在，我们叫它 json 对象。

一种是：字符串的形式存在，我们叫它 json 字符串。

一般我们要操作 json 中的数据的时候，需要 json 对象的格式。一般我们要在客户端和服务器之间进行数据交换的时候，使用 json 字符串。

在这里插入图片描述
示例代码：

// 把 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

JSON 在 java 中的使用

javaBean 和 json 的互转

@Test 
public void test1(){
	Person person = new Person(1,"国哥好帅!");
	// 创建 Gson 对象实例
	//这是谷歌提供的一个json格式转换工具，需要导入对应的jar包嗷
	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);
}

List 和 json 的互转

在这里插入图片描述

map 和 json 的互转

在这里插入图片描述

Ajax请求

什么是 AJAX 请求

AJAX 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式网页应用的网页开发技术。

ajax 是一种浏览器通过 js 异步发起请求，局部更新页面的技术。

Ajax 请求的局部更新，浏览器地址栏不会发生变化。

局部更新不会舍弃原来页面的内容。

原生 AJAX 请求的示例：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html>
	<head> 
	<meta http-equiv="pragma" content="no-cache" />
	<meta http-equiv="cache-control" content="no-cache" /> 
	<meta http-equiv="Expires" content="0" />
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
	<title>Insert title here</title> 
	<script type="text/javascript">
	// 在这里使用 javaScript 语言发起 Ajax 请求，访问服务器 AjaxServlet 中 javaScriptAjax
	function ajaxRequest() { 
		// 1、我们首先要创建 XMLHttpRequest
		var xmlhttprequest = new XMLHttpRequest(); 
		// 2、调用 open 方法设置请求参数
		xmlhttprequest.open("GET","http://localhost:8080/16_json_ajax_i18n/ajaxServlet?action=javaScriptAj ax",true)
		// 4、在 send 方法前绑定 onreadystatechange 事件，处理请求完成后的操作。
		xmlhttprequest.onreadystatechange = function(){
			if (xmlhttprequest.readyState == 4 && xmlhttprequest.status == 200) {
			var jsonObj = JSON.parse(xmlhttprequest.responseText);
			// 把响应的数据显示在页面上
			document.getElementById("div01").innerHTML = "编号：" + jsonObj.id + " , 姓名：" + jsonObj.name;
		}
	}
	// 3、调用 send 方法发送请求
	xmlhttprequest.send();
}
	</script>
</head>
<body> 
	<button onclick="ajaxRequest()">ajax request</button> 
	<div id="div01"> 
	</div> 
</body>
</html>

在地球迷路的怪兽

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
JSON和Ajax学习

什么是JsonJSON (JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。JSON 采用完全独立于语言的文本格式，而且很多语言都提供了对 json 的支持（包括 C, C++, C#, Java, JavaScript, Perl, Python 等）。这样就使得 JSON 成为理想的数据交换格式。json 是一种轻量级的数据交换格式。轻量级指的是跟 xml 做比较。数据交换指的是客户端和服务器之间业务数据的传递格式。
复制链接

扫一扫