AJAX快速入门、同步和异步、Axios异步框架、JSON
AJAX
-
概念:AJAX(Asynchronous JavaScript And XML):异步的 JavaScript 和 XML
-
AJAX作用:
-
- 与服务器进行数据交换:通过AJAX可以给服务器发送请求,并获取服务器响应的数据
- 使用了AJAX和服务器进行通信,就可以使用 HTML + AJAX来替换JSP页面了
- 与服务器进行数据交换:通过AJAX可以给服务器发送请求,并获取服务器响应的数据
-
-
2.异步交互:可以在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页的技术,如:搜索联想、用户名是否可用校验,等等…
同步和异步
-
同步
-
异步
AJAX快速入门
-
1.编写AjaxServlet,并使用 response 输出字符串
-
2.创建 XMLHttpRequest 对象:用于和服务器交换数据
-
3.向服务器发送请求
-
获取服务器响应数据
Axios 异步框架
-
Axios 对原生的 AJAX进行封装,简化书写
-
官网 :Axios
-
Axios 快速入门
-
1.引入 axios 的 js 文件
-
使用 axios 发送请求,并获取响应结果
-
-
Axios 请求方式别名
-
为了方便起见,Axios 已经为所有支持的请求方法提供了别名
-
发送 get 请求
-
发送 post 请求
JSON
-
-
概念:JavaScript Object Notation。JavaScript 对象表示法
-
由于其语法简单,层次结构鲜明,现多用于作为数据载体,在网络中进行数据传输
-
JSON基础语法
-
定义
-
示例
-
JSON字符串转为 JS对象
-
JSON字符串转为JS对象
Axios中,JSON字符串和JS对象自动进行转换
-
-
JSON 数据和 Java对象转换
- 请求数据:JSON字符串转为Java对象
- 响应数据:Java对象转为JSON字符串
-
Fastjson是阿里巴巴提供的一个java语言编写的高功能完善的JSON库,是目前Java语言中最快的JSON库,可以实现Java对象和JSON字符串的相互转换
- 使用:
-
1.导入坐标
-
2.Java对象转JSON
-
3.JSON字符串转Java对象
-
- 使用: