AJAX快速入门、同步和异步、Axios异步框架、JSON

AJAX

• 概念：AJAX(Asynchronous JavaScript And XML):异步的 JavaScript 和 XML

• AJAX作用：

  • 1. 与服务器进行数据交换：通过AJAX可以给服务器发送请求，并获取服务器响应的数据
       
    • 使用了AJAX和服务器进行通信，就可以使用 HTML + AJAX来替换JSP页面了
      
      

• 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对象