• 首页 首页 icon
  • 工具库 工具库 icon
    • IP查询 IP查询 icon
  • 内容库 内容库 icon
    • 快讯库 快讯库 icon
    • 精品库 精品库 icon
    • 问答库 问答库 icon
  • 更多 更多 icon
    • 服务条款 服务条款 icon

AJAX概念和用法,AXIOS 异步框架,JSON数据格式

武飞扬头像
Jing<>
帮助1

一、概念和作用

概念:AJAX:是异步的JavaScript和XML

作用:1.与服务器进行数据交换:通过AJAX可以给服务器发送请求,并获取服务器响应的数据

使用AJAX和服务器进行通信,就可以使用HTML AJAX来替换JSP页面了

2.异步交互:可以在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页的技术,如:搜索联系,用户名是否可用校验等

学新通

同步和异步:

学新通

二、基本步骤

学新通

学新通 get请求比post更快更简单,可用于大多数情况下,不过,在下面情况下始终使用post:

1.缓存文件不是选项(更新服务器上的文件或数据库)

2.向服务器发送大量数据(POST无大小限制)

3.发送用户输入(可包含末知字符),POST比GET更强大更安全”

学新通

 学新通

三、案例

用AJAX验证用户名是否存在

需求:在完成用户注册时,当用户名输入框失去焦点时,校验用户名是否在数据库已存在

学新通

学新通

前端:

学新通

 学新通

学新通

三、AXIOS 异步框架

AXIOS 对原生ajax进行封装,简化书写

使用步骤:

先把axios资源包引入项目中,然后在项目中引入,在html前端页面里写相应代码

学新通

 Axios请求方式别名:

为了方便起见,Axios 已经为所有支持的请求方法提供了别名。

学新通

 学新通

学新通

 四、JSON

JavaScript的对象表示法

(一)基础语法

学新通

学新通

(二)json数据和java对象的相互转换

学新通

json作为数据的载体,通过异步的方式在网络中传输数据,我们作为服务端,要使用json数据,就要转换成java对象,响应的时候要将Java对象转为JSON字符串

请求数据: JSON字符串转为Java对象

响应数据: Java对象转为JSON字符串

转换方法: 

Fastjson是阿里巴巴提供的一个Java语言编写的高性能功能完善的JSON库,是目前Java语言中最快的JSON .库,可以实现Java对象和JSON字符串的相互转换。

学新通

学新通

学新通

这篇好文章是转载于:学新通技术网

  • 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
  • 本站站名: 学新通技术网
  • 本文地址: /boutique/detail/tanhgkhkkc
系列文章
更多 icon
同类精品
更多 icon
继续加载