JSON、AJAX、i18n
1、什么是JSON?
1.1、JSON在JavaScript中的使用
1.1.1、JSON的定义
1 | json是由键值对组成,并且由花括号(大括号)包围,每个键由引号引起来,键和值之间使用冒号进行分割,多组键值对之间进行逗号分隔。 |
1 | // json的定义 |
1.1.2、json的访问
json本身是一个对象,json中的key我们可以理解为是对象中的一个属性。json中的key访问就跟访问对象的属性一样,json对象.key
1 |
|
1.1.3、json的两个常用方法
json的存在有两种形式
一种是,对象的形式存在,我们叫他json对象
一种是,字符串的形式存在,我们叫他json字符串
1 | 一般我们要操作json中的数据的时候,需要json对象的格式 |
JSON.stringify():把json对象转换成为json字符串
JSON.parse():把json字符串转换成为json对象
1 | <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> |
1.2、JSON在java中的使用
一、javaBean和json的互转
二、List和json的互转
三、map和json的互转
1 | package com.lxg.json; |
2、AJAX请求
2.1、什么是AJAX请求
AJAX即”Asynchronous JavaScript And XML“(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术。
ajax是一种浏览器通过js异步发起请求,局部更新页面的技术。
1 | 局部:地址栏不变,原有的组件也不变,只是添加了一些新的内容 |
2.2、原生AJAX请求的示例:
1 |
|
2.3、jQuery中的AJAX请求
一、$.ajax 方法
url 表示请求的地址
type 表示请求的类型GET或POST请求
data 表示发送给服务器的数据
- 格式有两种:
- name=vallue&name=value
- {key:value}
success 请求成功,响应的回调函数
dataType 响应的数据类型
- 常用的数据类型有:
- text表示纯文本
- xml表示xml数据
- json表示json对象
1 | // ajax请求 |
二、$.get 方法
url 表示请求的地址
type 返回的数据类型
data 表示发送给服务器的数据
callback 成功的回调函数
1 | // ajax--get请求 |
三、$.getJson
url
data
callback
1 | // ajax--getJson请求 |
表单序列化serialize()
这个方法可以把表单中所有表单项的内容都获取到,并以name=value&name=value的形式进行拼接
1 | // ajax请求 |