ajax、json、i18n的使用

最新推荐文章于 2022-06-25 18:38:45 发布
最新推荐文章于 2022-06-25 18:38:45 发布
阅读量220 收藏
点赞数
分类专栏： 小黄学JavaWeb 文章标签： ajax json java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Yellow_Star___/article/details/120459319
版权

JSON、AJAX、I18N

JSON

  • 什么是JSON

    JSON是一种轻量级的数据交换格式，数据交换指的是客户端和服务器之间业务数据的传递

  • JSON在JS中的使用方法

    JSON对象转字符串调用 JSON.stringify()

    JSON格式字符串转JSON对象调用 JSON.parse()

    			// json的定义
			var jsonObj = {
				"key1":123,
				"key2":"Tom",
				"key3":[11,"arr",false],
				"key4":{
					"key4_1":441,
					"key4_2":"key4_2"
				},
				"key5":[
					{
						"key5_1_1":5511,
						"key5_1_2":"key5_1_2"
					},{
						"key5_2_1":5521,
						"key5_2_2":"key5_2_2"
					}
				]
			};
			// json的访问
			alert(jsonObj.key1);
			alert(jsonObj.key2);
			alert(jsonObj.key3[0]);
			alert(jsonObj.key4.key4_1);
			alert(jsonObj.key4.key4_2);
			alert(jsonObj.key5[0].key5_1_1);
			alert(jsonObj.key5[0].key5_1_2);
			alert(jsonObj.key5[1].key5_2_1);
			alert(jsonObj.key5[1].key5_2_2);
			// json对象转字符串
			var jsonStr = JSON.stringify(jsonObj);
			alert(jsonStr);
			// json字符串转json对象
			var jsonObj2 = JSON.parse(jsonStr);
			alert(jsonObj2.key1);

  • JSON在Java中的使用方法

    要在Java中使用JSON需要导入谷歌的Gson的jar包

    • 需要new 一个Gson实例
    • 转换成json调用gson.toJson()
    • json转换成对象调用gson.fromJson()
    	@Test
    public void test1(){
        //JavaBean与JSON的转换
        Person person = new Person(1,"Tom");
        Gson gson = new Gson();
        String s = gson.toJson(person);
        System.out.println(s);//{"id":1,"name":"Tom"}
        Person person1 = gson.fromJson(s, Person.class);
        System.out.println(person1);//Person{id=1, name='Tom'}
    }

    @Test
    public void test2(){
        //List与JSON的转换
        List<Person> list = new ArrayList<>();
        Person person1 = new Person(1,"Tom");
        Person person2 = new Person(2,"Jerry");
        list.add(person1);
        list.add(person2);

        Gson gson = new Gson();
        String s = gson.toJson(list);
        System.out.println(s);  //  [{"id":1,"name":"Tom"},{"id":2,"name":"Jerry"}]
        //第二个参数要创建一个对象继承TypeToken
        List<Person> list2 = gson.fromJson(s, new JsonList().getType());
        System.out.println(list2);  // [Person{id=1, name='Tom'}, Person{id=2, name='Jerry'}]
    }

    @Test
    public void test3(){
        //Map与JSON的转换
        Map<Integer,Person> map = new HashMap<>();
        map.put(1,new Person(1,"Tom"));
        map.put(2,new Person(2,"Jerry"));

        Gson gson = new Gson();
        String s = gson.toJson(map);
        System.out.println(s);//{"1":{"id":1,"name":"Tom"},"2":{"id":2,"name":"Jerry"}}
        //也可以使用匿名内部类
        Object o = gson.fromJson(s, new TypeToken<Map<Integer, Person>>() {}.getType());
        System.out.println(o);//{1=Person{id=1, name='Tom'}, 2=Person{id=2, name='Jerry'}}
    }

    创建一个类继承于TypeToken的方法如下

    public class JsonList extends TypeToken<List<Person>> {
}

AJAX

  • 什么是AJAX

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

  • JavaScript原生Ajax请求

    原生的Ajax请求分四步

    1. 首先要创建XMLHttpRequest对象
    2. 调用open方法设置请求参数
    3. 调用send方法发送请求
    4. 再send方法前绑定onreadystatechange事件，处理请求完成后的操作

    创建一个HTML页面发送请求

    <!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">
			function ajaxRequest() {
// 				1、首先要创建XMLHttpRequest 
				var xhr = new XMLHttpRequest();
// 				2、调用open方法设置请求参数-true代表异步
                //第一个参数为请求方法，第二个参数为请求路径，第三个参数为是否异步
				xhr.open("GET","http://localhost:8080/Json_AJAX_i18n/ajaxServlet?function=scriptGet",true);
// 				4、在send方法前绑定onreadystatechange事件，处理请求完成后的操作。
				xhr.onreadystatechange = function (){
					//判断请求是否完成及成功
					if(xhr.status == 200 && xhr.readyState == 4){
						document.getElementById("div01").innerText = xhr.responseText;
					}
				}
// 				3、调用send方法发送请求
				xhr.send();
			}
		</script>
	</head>
	<body>	
		<button onclick="ajaxRequest()">ajax request</button>
		<div id="div01">
		</div>
	</body>
</html>

    创建一个servlet程序用于处理请求

       protected void scriptGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        System.out.println("ajaxRequest方法进来了");
        Person person = new Person(1,"Tom");
        Gson gson = new Gson();
        String jsonStr = gson.toJson(person);
        resp.getWriter().write(jsonStr);
    }

  • JQuery发送ajax请求

    使用JavaScript发送ajax请求非常麻烦，jQuery为我们包装好了几个方法供我们使用

    分别是：

    • .ajax : 5个重要参数
      • url：请求地址
      • data：请求参数
      • type：请求类型
      • success：请求成功后执行
      • dataType：返回的参数类型
    • .get ：在.ajax上又包装了一次，省略了type参数
    • .post ：与get一样，只是type参数默认为post
    • .getJSON：在get基础上再次包装，省略了dataType参数
    • .serialize：用于表单，拼接所有的表单项以key=value&key=value方式

    通过代码来看一下如何使用

    <!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" src="script/jquery-1.7.2.js"></script>
		<script type="text/javascript">
			$(function(){
				// ajax请求
				$("#ajaxBtn").click(function(){
					$.ajax({
						url:"http://localhost:8080/Json_AJAX_i18n/ajaxServlet",  //请求路径
						type:"get",		//请求类型
						data:"function=jQueryAjax",		//请求参数
						success:function (data){
							//成功之后回调函数，data必填，代表传回的数据对象
							$("#div01").html("编号：" + data.id + "，姓名：" + data.name)
						},
						dataType:"json"  //接收到的参数类型：Text，Json,XML
					})
				});

				// ajax--get请求
				$("#getBtn").click(function(){
					$.get("http://localhost:8080/Json_AJAX_i18n/ajaxServlet",
							"function=jQueryGet",
							function (data){
							$("#div01").html("编号：" + data.id + "，姓名：" + data.name)
						},
						"json"
					)
				});
				
				// ajax--post请求
				$("#postBtn").click(function(){
					$.post("http://localhost:8080/Json_AJAX_i18n/ajaxServlet",
							"function=jQueryGet",
							function (data){
								$("#div01").html("编号：" + data.id + "，姓名：" + data.name)
							},
							"json"
					);
				});

				// ajax--getJson请求
				$("#getJSONBtn").click(function(){
					$.getJSON("http://localhost:8080/Json_AJAX_i18n/ajaxServlet","function=jQueryGetJson",
							function (data){
								$("#div01").html("编号：" + data.id + "，姓名：" + data.name)
							})
				});

				// ajax请求
				$("#submit").click(function(){
					//alert($("#form01").serialize());  //会把表单里的所有表单项拼接成key=value&key=value格式
					$.ajax({
						url:"http://localhost:8080/Json_AJAX_i18n/ajaxServlet",
						type: "get",
						data: "function=jQuerySerialize&" + $("#form01").serialize(),
						success:function (data){
							$("#div01").html("编号：" + data.id + "，姓名：" + data.name)
						},
						dataType: "json"
					})
				});
				
			});
		</script>
	</head>
	<body>
		<div>
			<button id="ajaxBtn">$.ajax请求</button>
			<button id="getBtn">$.get请求</button>
			<button id="postBtn">$.post请求</button>
			<button id="getJSONBtn">$.getJSON请求</button>
		</div>
		<div id="div01"></div>
		<br/><br/>
		<form id="form01" >
			用户名：<input name="username" type="text" /><br/>
			密码：<input name="password" type="password" /><br/>
			下拉单选：<select name="single">
			  	<option value="Single">Single</option>
			  	<option value="Single2">Single2</option>
			</select><br/>
		  	下拉多选：
		  	<select name="multiple" multiple="multiple">
		    	<option selected="selected" value="Multiple">Multiple</option>
		    	<option value="Multiple2">Multiple2</option>
		    	<option selected="selected" value="Multiple3">Multiple3</option>
		  	</select><br/>
		  	复选：
		 	<input type="checkbox" name="check" value="check1"/> check1
		 	<input type="checkbox" name="check" value="check2" checked="checked"/> check2<br/>
		 	单选：
		 	<input type="radio" name="radio" value="radio1" checked="checked"/> radio1
		 	<input type="radio" name="radio" value="radio2"/> radio2<br/>
		</form>			
		<button id="submit">提交--serialize()</button>
	</body>
</html>

    public class AjaxServlet extends BaseServlet{

    protected void scriptGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        System.out.println("ajaxRequest 方法进来了");
        Person person = new Person(1,"Tom");
        Gson gson = new Gson();
        String jsonStr = gson.toJson(person);
        resp.getWriter().write(jsonStr);
    }

    protected void jQueryAjax(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        System.out.println("jQueryAjax 方法进来了");
        Person person = new Person(1,"Tom");
        Gson gson = new Gson();
        String jsonStr = gson.toJson(person);
        resp.getWriter().write(jsonStr);
    }

    protected void jQueryGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        System.out.println("jQueryGet 方法进来了");
        Person person = new Person(1,"Tom");
        Gson gson = new Gson();
        String jsonStr = gson.toJson(person);
        resp.getWriter().write(jsonStr);
    }

    protected void jQueryPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        System.out.println("jQueryPost 方法进来了");
        Person person = new Person(1,"Tom");
        Gson gson = new Gson();
        String jsonStr = gson.toJson(person);
        resp.getWriter().write(jsonStr);
    }

    protected void jQueryGetJson(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        System.out.println("jQueryGetJson 方法进来了");
        Person person = new Person(1,"Tom");
        Gson gson = new Gson();
        String jsonStr = gson.toJson(person);
        resp.getWriter().write(jsonStr);
    }

    protected void jQuerySerialize(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        System.out.println("jQuerySerialize 方法进来了");
        System.out.println(req.getParameter("username"));
        System.out.println(req.getParameter("password"));
        Person person = new Person(1,"Tom");
        Gson gson = new Gson();
        String jsonStr = gson.toJson(person);
        resp.getWriter().write(jsonStr);
    }

}

i18n国际化

  • 什么是i18n国际化？

    国际化指的是同一个网站可以支持多种不同的语言，以方便各个国家的用户访问。关于国际化我们第一个想到的方案是为不同的国家创建不同的页面。而i18n是可以在同一个页面显示不同文字信息。

  • i18n国际化三要素

    • Locale对象：表示不同的时区，位置，语言（比如中国：zh_CN）
    • ResourceBundle资源包
    • Properties配置文件：不同的语言配置不同的文件，命名规范 i18n_locale.properties

  • 使用i18n

    #中国 i18n_zh_CN.properties
username=\u7528\u6237\u540D
password=\u5BC6\u7801
sex=\u6027\u522B
age=\u5E74\u9F84
regist=\u6CE8\u518C
boy=\u7537
girl=\u5973
email=\u90AE\u7BB1
reset=\u91CD\u7F6E
submit=\u63D0\u4EA4

#美国 i18n_en_US.properties
username=username
password=password
sex=sex
age=age
regist=regist
boy=boy
email=email
girl=girl
reset=reset
submit=submit

    public class I18nTest {
    @Test
    public void test1(){
        Locale locale = new Locale("zh_CN");
        System.out.println(locale);
        System.out.println(Locale.CHINA);
        System.out.println(Locale.US);
    }

    @Test
    public void test2(){
        //设置我们需要的locale对象
        Locale locale = Locale.CHINA;
        // 通过指定的 basename 和 Locale 对象，读取 相应的配置文件
        ResourceBundle bundle = ResourceBundle.getBundle("i18n", locale);
        System.out.println("username：" + bundle.getString("username"));
        System.out.println("password：" + bundle.getString("password"));
        System.out.println("Sex：" + bundle.getString("sex"));
        System.out.println("age：" + bundle.getString("age"));
    }
}

  • EL表达式中使用

    <%@ page import="java.util.Locale" %>
<%@ page import="java.util.ResourceBundle" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
		 pageEncoding="UTF-8"%>
<!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>
	<%
		Locale locale = null;
		String country = request.getParameter("country");
		if("china".equals(country)){
			locale = Locale.CHINA; //设置中文
		}else if ("usa".equals(country)){
			locale = Locale.US;  //设置英文
		}else {
			locale = Locale.getDefault();  //设置浏览器默认
		}
		ResourceBundle bundle = ResourceBundle.getBundle("i18n", locale);
	%>
</head>
<body>
	<a href="i18n.jsp?country=china">中文</a>|
	<a href="i18n.jsp?country=usa">english</a>
	<center>
		<h1><%=bundle.getString("regist")%></h1>
		<table>
		<form>
			<tr>
				<td><%=bundle.getString("username")%></td>
				<td><input name="username" type="text" /></td>
			</tr>
			<tr>
				<td><%=bundle.getString("password")%></td>
				<td><input type="password" /></td>
			</tr>
			<tr>
				<td><%=bundle.getString("sex")%></td>
				<td>
					<input type="radio" /><%=bundle.getString("boy")%>
					<input type="radio" /><%=bundle.getString("girl")%>
				</td>
			</tr>
			<tr>
				<td><%=bundle.getString("email")%></td>
				<td><input type="text" /></td>
			</tr>
			<tr>
				<td colspan="2" align="center">
				<input type="reset" value="<%=bundle.getString("reset")%>" />&nbsp;&nbsp;
				<input type="submit" value="<%=bundle.getString("submit")%>" /></td>
			</tr>
			</form>
		</table>
		<br /> <br /> <br /> <br />
	</center>
	国际化测试：
	<br /> 1、访问页面，通过浏览器设置，请求头信息确定国际化语言。
	<br /> 2、通过左上角，手动切换语言
</body>
</html>

  • 在JSTL中使用

    <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!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>
</head>
<body>
	<%--设置locale对象--%>
	<fmt:setLocale value="${param.locale}" />
	<%--设置basename--%>
	<fmt:setBundle basename="i18n" />
	<a href="i18n_fmt.jsp?locale=zh_CN">中文</a>|
	<a href="i18n_fmt.jsp?locale=en_US">english</a>
	<center>
		<h1><fmt:message key="regist" /></h1>
		<table>
		<form>
			<tr>
				<td><fmt:message key="username" /></td>
				<td><input name="username" type="text" /></td>
			</tr>
			<tr>
				<td><fmt:message key="password" /></td>
				<td><input type="password" /></td>
			</tr>
			<tr>
				<td><fmt:message key="sex" /></td>
				<td><input type="radio" /><fmt:message key="boy" /><input type="radio" /><fmt:message key="girl" /></td>
			</tr>
			<tr>
				<td><fmt:message key="email" /></td>
				<td><input type="text" /></td>
			</tr>
			<tr>
				<td colspan="2" align="center">
				<input type="reset" value="<fmt:message key="reset" />" />&nbsp;&nbsp;
				<input type="submit" value="<fmt:message key="submit" />" /></td>
			</tr>
			</form>
		</table>
		<br /> <br /> <br /> <br />
	</center>
</body>
</html>
贼爱学习的小黄
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
（14）JSON 、AJAX 和i18n的使用
qq_2533491534的博客
05-29 625
1，JSON 1.1，JSON 在 JavaScript 中的使用 1.2，JSON 在 java 中的使用（使用的是谷歌的Gson ） 2，AJAX 请求 2.1，什么是 AJAX 请求 2.2，JSON 在 java 中的使用（使用的是谷歌的Gson ） 2.3，jQuery 中的 AJAX 请求 3，Ajax使用案例 4，i18n 国际化 4.1，什么是 i18n 国际化？ 4.2，国际化相关要素介绍 4.3，国际化资源 properties 测试 4.4，通过请求头国际化页面 4.5，
JsonI18n：使用JSON数据的简单PHP国际化库
02-04
杰森 使用JSON数据的简单PHP国际化库。 执照 该库在下可用。 用法 安装 使用作曲家 JsonI18n可通过存储库获得，并可使用Composer安装： composer require rinkattendant6/json-i18n 例 <?php $ t = new \ JsonI18n \ Translate ( 'en-CA' ); // By default, strings will be outputted in the locale given in the constructor // In this case, Canadian English will be r
使用JSTL标签库实现国际化
weixin_44473463的博客
05-27 249
什么是 i18n 国际化？ 国际化（Internationalization）指的是同一个网站可以支持多种不同的语言，以方便不同国家，不同语种的用户访问。 关于国际化我们想到的最简单的方案就是为不同的国家创建不同的网站，比如苹果公司，他的英文官网是： http://www.apple.com 而中国官网是 http://www.apple.com/cn 苹果公司这种方案并不适合全部公司，而我们希望相同的一个网站，而不同人访问的时候可以根据用户所在的区域显示 不同的语言文字，而网站的布局样式等不发生改变。
jquery.i18n.json:轻量级 jQuery 插件，使用 json 文件轻松国际化您的 Web 应用程序
07-01
jquery.i18n.json 轻量级 jQuery 插件，可使用 json 文件轻松国际化您的 Web 应用程序。
i18n里面的zh_CN.json
01-30
activiti的exploer绘图插件里面i18n文件夹里面的汉化json文件
i18n国际化演示.zip
01-29
在软件开发过程中，为了满足全球用户的使用需求，程序的国际化（i18n）变得越来越重要。"i18n"是"internationalization"的缩写，其中"18"代表单词中的字母数量，而"n"则代表最后的"ation"。本文将通过分析名为"i18n...
IDEA版JavaWeb从入门到精通之JSON和Ajax请求&i18n国际化第16天
06-19
课程涵盖：Servlet程序、Filter过滤器、Listener监听器、JSP页面、EL表达式、JSTL标签库、jQuery框架、Cookie技术、Session会话、JSON使用、Ajax请求等...本系列教程共计16季，本章为第16天JSON和Ajax请求&i18n国际化。
JavaWeb新版教程. JSON和Ajax请求&i18n国际化目-使用AJAX请求验证用户名是否可用.avi
05-17
JavaWeb新版教程. JSON和Ajax请求&i18n国际化目-使用AJAX请求验证用户名是否可用.avi
JavaWeb新版教程. JSON和Ajax请求&i18n国际化n-使用JSTL标签库fmt实现国际化.avi
05-17
JavaWeb新版教程. JSON和Ajax请求&i18n国际化n-使用JSTL标签库fmt实现国际化.avi
JavaWeb新版教程. JSON和Ajax请求&i18n国际化目-使用AJAX请求修改添加商品到购.avi
05-17
JavaWeb新版教程. JSON和Ajax请求&i18n国际化目-使用AJAX请求修改添加商品到购.avi
JSON、AJAX、i18n (初识)
Syntactic Sugar
08-08 292
JSON、AJAX、i18n 1 什么是 JSON? JSON (JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。JSON 采用完全独立于语言的文本格式，而且很多语言都提供了对 json 的支持（包括 C, C++, C#, Java, JavaScript, Perl, Python 等）。 这样就使得 JSON 成为理想的数据交换格式。 json 是一种轻量级的数据交换格式。 轻量级指的是跟 xml 做比较。 数据交换指的是
012-JSON、AJAX、i18n国际化、ThreadLocal：json的访问，json为什么来回的转，表单序列化 serialize()，国际化略，本地线程类解决线程安全问题
aa35434的博客
03-13 369
16-JSON、AJAX、i18n 讲师：王振国 今日任务 1、什么是 JSON? JSON (JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。JSON 采用完全独立于语言的文本格式，而且很多语言都提供了对 json 的支持（包括 C, C++, C#, Java, JavaScript, Perl, Python 等）。 这样就使得 JSON 成为理想的数据交换格式。 json 是一种轻量级的数据交换格式。轻量级指的是跟 xm
AJAX&i18n
weixin_50281545的博客
11-10 757
AJAX&i18n1. AJAX简介2.原生javaScript中AJAX的使用 1. AJAX简介 局部更新：页面中一部分发生变化，例如一个标签的内容 异步：表示请求发送给服务器后不用等待服务器响应执行AJAX代码，就可以立即请求send后面的代码。如果是同步，则需要等待服务器响应完后再执行完AJAX的代码后才可以执行后面的代码。 2.原生javaScript中AJAX的使用 对其中一些属性的说明： ajax.html代码 <!DOCTYPE html PUBLIC "-//W3C//D
i18n调用自己参数_C语言函数调用及栈帧结构
weixin_29408705的博客
12-28 131
点击上方“学士科技”，选择“设为星标”资讯、技术干货第一时间送达！C语言基础合集，点我点我~~~C语言进阶合集，点我点我~~~C语言高级：01.C语言实现字符串的加密和解密02.C语言数据结构——链表03.C语言——文件的基本操作04.C语言——【数据结构】图的存储结构之邻接表05.C语言实现Socket简单通信地址空间与物理内存(1)地址空间与物理内存是两个完全不同的概念，真正的代码及...
JSON、AJAX、I18N
qq_43164662的博客
12-10 537
了解JSON的字符串和对象模式以及它们之间的转换；了解AJAX异步的实现和好处；了解I18N如何国际化，即如何更加Locale来切换读取的配置文件。
Json、Ajax、i18n
YZG ' BLOG
02-17 759
一、什么是JSON ？JSON的作用？ 1、JavaScript Object Notation， 简称JSON（数据交换格式【JSON，xml 】） 2、JSON是一种轻量级的标准的数据交换格式。体积小，易解析 3、在实际开发中，有俩种数据交换格式：JSON 和 XML， XML体积较大，解析麻烦 但是语法严谨 4. [] 和 {} 在JS中有什么区别 [] 是数组，{} 是JSON 作用： JSON 的主要作用：一种标准的数据交换格式，目前非常流行-，俩个系统交换数据大多使用JSON 数据
json & ajax & i18n
苏瞳的博客
06-25 452
JSON：JavaScript Object Notation，是一种轻量级的数据交换格式，易于人阅读编写，也便于机器解析和生成。很多语言都提供了对json的支持，使得成为了理想的数据交换格式。语法：json由键值对构成，由花括号包围，每个键由引号引起来，键和值使用冒号分隔，多组使用逗号分割。 3. 在Java使用(服务器) JavaBean和Json的转换 List和Json的转换 Josn -> List 要先自己写一个类，继承 com.google.gson.reflect.Type
JSON和异步AJAX请求和i18n学习笔记
m0_57249797的博客
07-03 234
待更新
JSON、AJAX、i18n学习总结
weixin_44630656的博客
03-11 257
JSON、AJAX、i18n学习总结一、JSON1.1 JSON在JavaScript中的使用。1.1.1 json的定义1.1.2 json的访问1.1.3 json的两个常用方法1.2 JSON在java中的使用1.2.1 javaBean和json的互转1.2.2 List和json的互转1.2.3 map和json的互转二、AJAX请求2.1 AJAX 简介2.2 javaScript 原生 Ajax 请求2.2.1 原生的 Ajax 请求使用步骤2.2.2 XMLHttpRequest介绍2.3
使用泛型的ajaxjson
最新发布
02-21
我可以提供一个简单的示例，以便使用泛型的AJAXJSON。在HTML中，使用XMLHttpRequest对象，如下所示：var xhr = new XMLHttpRequest(); xhr.open('GET', 'url', true); xhr.onreadystatechange = function() { if ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值