【Java从零到架构师第二季】【14】AJAX

持续学习&持续更新中…

学习态度：守破离

AJAX

同步请求和异步请求
- 未学AJAX之前向服务器提交请求的方式
- 同步和异步
AJAX
- 什么是AJAX
- AJAX的常见使用方式
- - 原生
  - jQuery
参考

同步请求和异步请求

未学AJAX之前向服务器提交请求的方式

同步和异步

同步请求：不能局部更新，只能更新整个页面。
异步请求：可以局部更新页面。

AJAX

什么是AJAX

AJAX的常见使用方式

https://jquery.cuishifeng.cn/jQuery.Ajax.html
https://zh.javascript.info/xmlhttprequest

原生

        function get() {// 创建XMLHttpRequest对象const xhr = new XMLHttpRequest()// 配置请求方法和URL（第三个参数如果是true代表异步，false代表同步，默认是true）xhr.open('GET', 'http://localhost:8080/ajax/hello?message=hello_ajax_get')// 配置服务器返回数据的格式xhr.responseType = 'json'// 发送请求xhr.send()// 监听响应xhr.onload = function () {if (xhr.status !== 200) returnconsole.log(xhr.response)}}

POST

        function post() {const xhr = new XMLHttpRequest()xhr.open('POST', 'http://localhost:8080/ajax/hello')xhr.responseType = 'json'// 设置请求头（以表单形式提交）xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8')// 发送请求（如果是POST请求，需要传递请求体）xhr.send('message=hello_ajax_post')xhr.onload = function () {if (xhr.status !== 200) returnconsole.log(xhr.response)}}

POST-FILE

        function postFile() {const xhr = new XMLHttpRequest()xhr.open('POST', 'http://localhost:8080/ajax/hello')xhr.responseType = 'json'// 发送请求（表单-文件上传的形式）const body = new FormData()body.append('message', 'hello_ajax_post-file')xhr.send(body)xhr.onload = function () {if (xhr.status !== 200) returnconsole.log(xhr.response)}}

jQuery

参考

李明杰: Java从0到架构师②JavaEE技术基石.

本文完，感谢您的关注支持！

【Java从零到架构师第二季】【14】AJAX相关推荐

【Java从零到架构师第二季】【07】JDBC FOR MySQL
持续学习&持续更新中- 学习态度:守破离 JDBC FOR MySQL 什么是JDBC 如何通过Java操作数据库 JDBC是属于JavaSE的一部分下载MySQL的JDBC实现 JDBC细 ...
【Java从零到架构师第③季】【26】SpringMVC-反射获取方法参数名_SpringMVC是如何获取方法的参数名的
持续学习&持续更新中- 守破离 [Java从零到架构师第③季][26]SpringMVC-反射获取方法参数名_SpringMVC是如何获取方法的参数名的利用反射获取方法的参数名直接编译修 ...
【Java从零到架构师第③季】【49】会话管理—Token_ehcache
持续学习&持续更新中- 守破离 [Java从零到架构师第③季][49]会话管理-Token_ehcache 基于Cookie.Session 基于Token ehcache 简单使用项目使用 ...
【Java从零到架构师第③季】【48】SpringBoot-Swagger
持续学习&持续更新中- 守破离 [Java从零到架构师第③季][48]SpringBoot-Swagger 接口文档-Swagger 基本使用不使用starter 使用starter(Swa ...
【Java从零到架构师第③季】【24】SpringMVC-概述_入门
持续学习&持续更新中- 守破离 [Java从零到架构师第③季][24]SpringMVC-概述_入门 Spring.SpringMVC.MyBatis之间的关系 SpringMVC简介 Spr ...
【Java从零到架构师第③季】【28】SpringMVC-Servlet的URL匹配_path-matching suffix-pattern
持续学习&持续更新中- 守破离 [Java从零到架构师第③季][28]SpringMVC-Servlet的URL匹配_path-matching suffix-pattern Servlet的 ...
【Java从零到架构师第1季】【并发 Concurrent 03】线程间通信_ReentrantLock_线程池
持续学习&持续更新中- 守破离 [Java从零到架构师第1季][并发 Concurrent 03]线程间通信_ReentrantLock_线程池线程间通信线程间通信-示例可重入锁Reen ...
个人总结的一个中高级Java开发工程师或架构师需要掌握的一些技能...
近三年,其实都是在做一个项目,项目是一个大型的多节点部署的项目,做了好几个版本,中间用到了很多技术和框架, 也用了一些管理工具和敏捷实践.我这里不是来说项目的,因为最近看了一些招聘信息,结合项目中用到 ...
【Java从0到架构师】Redis 基础 - 数据类型
Redis 原理与实战 Redis 基础为什么 Redis 这么快? Redis 安装.启动 Redis 常用配置 Redis 数据类型通用命令 String - value 可以是字符串.数值. ...

【Java从零到架构师第二季】【14】AJAX

AJAX

同步请求和异步请求

未学AJAX之前向服务器提交请求的方式

同步和异步

AJAX

什么是AJAX

AJAX的常见使用方式

原生

jQuery

参考

【Java从零到架构师第二季】【14】AJAX相关推荐

最新文章

热门文章