JSON，AJAX，i18n

idealer_01

已于 2023-08-27 16:21:42 修改

阅读量65

点赞数

分类专栏： java前后端学习 # javaweb 文章标签： json ajax 前端

于 2023-08-27 16:13:24 首次发布

本文链接：https://blog.csdn.net/xiaolitongxue12_/article/details/132507576

版权

java前后端学习同时被 2 个专栏收录

13 篇文章 0 订阅

订阅专栏

javaweb

13 篇文章 0 订阅

订阅专栏

1.什么是json

json是一种轻量级（与XML比较）的数据交换（客户端和服务器之间业务数据的传递格式）格式。易于人阅读和编写，同时易于机器解析和生成。JSON采用完全独立用于语言的文本格式。

1.1 JSON在JavaScript中的使用2

1.1.1 json的定义

json是有键值对组成，{"键"：值，"键"：值，......}

var jsonObj = {
				"key1":12,
				"key2":"haha",
				"key3":false,
				"key4":[11,12,"arr"],
				"key5":{
					"key5_1":551,
					"key5_2":"didi"
				},
				"key6":[{"key6_1_1":6611,
					"key6_1_2":6612
				},
					{"key6_1_1":6611,
						"key6_1_2":6612
					}]
			};

1.1.2 json的访问

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

			alert(jsonObj.key1);
			alert(jsonObj.key2);
			alert(jsonObj.key3);
			alert(jsonObj.key4);

			for (var i = 0; i < jsonObj.key4.length; i++) {
				alert(jsonObj.key4[i]);
			}

			alert(jsonObj.key5.key5_1+jsonObj.key5.key5_2);

			for (var jsonObjElement of jsonObj.key6) {
				alert(jsonObjElement.key6_1_1);
			}

1.1.3 json常用访问方法

json的存在有两种访问形式

一种是：对象形式，为json对象

一种是：字符串形式，为json字符串

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

JSON.stringify()：把json对象转为json字符串

JSON.parse()：把json字符串转为json对象

			// json对象转字符串
			var jsonObjString = JSON.stringify(jsonObj);
			alert(jsonObjString);
			// json字符串转json对象
			var parse = JSON.parse(jsonObjString);
			alert(parse);

1.2 JSON在java中的使用

1.2.1 javaBean和json的互转

public class JsonTest {
    @Test
    public void test1(){
        Person person = new Person(1,"lili");
        //创建GSON对象实例
        Gson gson = new Gson();
        //toJson将对象转为json字符串格式
        String s = gson.toJson(person);
        System.out.println(s);
        //fromJson将json字符串转为java对象格式
        Person person1 = gson.fromJson(s, Person.class);
        System.out.println(person1);
    }
}

1.2.2 list与json的互转

json字符串转回为List对象时需要编写一个类继承TypeToken<需要转回的类型>

public class PersonListType extends TypeToken<List<Person>> {

}

    public void test2(){
        ArrayList<Person> peoples = new ArrayList<>();

        peoples.add(new Person(1,"国哥"));
        peoples.add(new Person(2,"李哥"));
        peoples.add(new Person(3,"康师傅"));

        Gson gson = new Gson();

        //把List对象转为json字符串
        String s = gson.toJson(peoples);
        System.out.println(s);
        //把json字符串转为java对象
        ArrayList<Person> arrayList = gson.fromJson(s,(new PersonListType()).getType());
        System.out.println(arrayList);
    }

1.2.3 map与json的互转

json字符串转回为map对象或list对象可以简化使用匿名内部类：

    public void test3(){
        Map<Integer, Person> map = new HashMap<>();

        map.put(1,new Person(1,"lili"));
        map.put(2,new Person(2,"zz"));

        Gson gson = new Gson();
        //将map转为json字符串
        String s = gson.toJson(map);
        System.out.println(s);
        //将json字符串转为map对象
//        Map<Integer, Person> m = gson.fromJson(s, (new PersonMap()).getType());
        Map<Integer, Person> m = gson.fromJson(s, (new TypeToken<HashMap<Integer, Person>>(){}).getType());//匿名内部类
        System.out.println(m);
        System.out.println(m.get(1));
    }

2.AJAX请求

2.1 什么是AJAX请求

是指一种创建交互式网页应用的网页开发技术，是一种浏览器通过js异步发起请求，局部更新页面的技术。

2.2 原生ajax请求实例

		<script type="text/javascript">
			function ajaxRequest() {
// 				1、我们首先要创建XMLHttpRequest 
				var xmlHttpRequest = new XMLHttpRequest();
// 				2、调用open方法设置请求参数
				xmlHttpRequest.open("GET","http://localhost:8080/json/as?action=javaScriptAjax",true);

				// 4、在send方法前绑定onreadystatechange事件，处理请求完成后的操作。
				xmlHttpRequest.onreadystatechange = function (){
					if(xmlHttpRequest.readyState === 4 && xmlHttpRequest.status === 200){
						var parse = JSON.parse(xmlHttpRequest.responseText);
						document.getElementById("div01").innerHTML = "编号："+parse.id +" 姓名："+parse.name;
					}
				}
// 				3、调用send方法发送请求
				xmlHttpRequest.send();
			}
		</script>

2.3 jQuery中的AJAX

2.3.1 $.ajax方法

url：表示请求的地址

type：表示请求的类型

data：表示发送给服务器的数据

（1）name=value&id=1

（2）{name=value,id=1}

success：请求响应，响应的回调函数

datatype：响应的数据类型

					$.ajax({
						url:"http://localhost:8080/json/as",
						//data:"action=jQueryAjax",
						data:{action:"jQueryAjax"},
						type:"GET",
						success:function (data) {
							alert("服务器返回的数据："+data);

							// var jsonObj = JSON.parse(data);
							// $("#msg").html("编号："+jsonObj.id+" 姓名："+jsonObj.name);
							$("#msg").html("编号："+data.id+" 姓名："+data.name);
						},
						dataType:"json"
					});

2.3.2 $.get()和$.post()

url：表示请求的地址

data：表示发送给服务器的数据

callback: 成功的回调函数

type：返回的数据类型

					$.get("http://localhost:8080/json/as",
						 "action=jQueryGet",
						function(data){
							alert("服务器返回的数据："+data);
							$("#msg").html("get编号："+data.id+" 姓名："+data.name);
						},
						"json"
					)



					$.post("http://localhost:8080/json/as",
						"action=jQueryPost",
						function(data){
							alert("服务器返回的数据："+data);
							// var jsonObj = JSON.parse(data);
							// $("#msg").html("编号："+jsonObj.id+" 姓名："+jsonObj.name);
							$("#msg").html("post编号："+data.id+" 姓名："+data.name);
						},
						"json"
					);

2.3.3 getJSON()

url: 请求的url地址

data：发送给服务器的数据

callback：成功的回调函数

					$.getJSON("http://localhost:8080/json/as","action=jQueryGetJSON",function (data) {
						$("#msg").html("GETJSON编号："+data.id+" 姓名："+data.name);
					});

2.3.4 表单序列化serialize(url，data，callback)

可以把表单中的所有表单项获取到，并以name=value&name=value的形式拼接

					alert($("#form01").serialize());  //获得序列化
					// 把参数序列化
					$.getJSON("http://localhost:8080/json/as","action=jQuerySerialize&"+$("#form01").serialize(),function (data) {
						$("#msg").html("Serialize编号："+data.id+" 姓名："+data.name);
					});

3 i18n国际化

3.1 什么是i18n国际化

不同地区的人访问同一个网站可以访问出不同的语言。

3.2 国际化相关要素

3.3 基础示例%

public class I18nTest {
    @Test
    public void test(){
        //获取系统默认的语言，国家信息
        Locale aDefault = Locale.getDefault();
        System.out.println(aDefault);

        //获取中文的常量的Locale对象
        System.out.println(Locale.CHINA);
        //获取英文的常量的Locale对象
        System.out.println(Locale.US);
    }

    @Test
    public void test1(){
        //得到我们需要的Locale对象
        Locale us = Locale.CHINA;
        //通过指定的basename和Locale对象，读取相应的配置文件
        ResourceBundle i18n = ResourceBundle.getBundle("i18n", us);

        System.out.println("用户名："+i18n.getString("username"));
        System.out.println("密码："+i18n.getString("password"));
        System.out.println("性别："+i18n.getString("sex"));
        System.out.println("年龄："+i18n.getString("age"));
    }
}