JavaWeb学习——Axios框架与JSON（26）

最新推荐文章于 2024-01-01 00:22:47 发布
最新推荐文章于 2024-01-01 00:22:47 发布
阅读量351 收藏 1
点赞数 1
分类专栏： JavaWeb # JSON 文章标签： json 学习 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_52480906/article/details/123045091
版权

目录

Axios框架

首先编写servlet
在这里插入图片描述然后在其他位置编写对应的页面并配置路由
在这里插入图片描述

然后再启动tomcat来访问一下02html
在这里插入图片描述

可以发现成功输出
在这里插入图片描述
这个时候控制台也输出了
在这里插入图片描述
然而，Axios里面有已封装好的别名可以调用：
在这里插入图片描述在这里插入图片描述

post可以用.post方法替换
在这里插入图片描述
get可以用.get方法替换
在这里插入图片描述
两种方法对比：简化版的阅读性没有原生好，但是代码简洁

JSON

JSON语法简单，多作为数据载体在网络中进行数据传输
在这里插入图片描述
用法：
在这里插入图片描述
JSON数据和JAVA对象的转换，可以通过一个FastJSON的API来完成

在这里插入图片描述

书写格式：
我们先在web同层内创建一个json的文件夹
在这里插入图片描述

然后添加FastJson与User实体类
在这里插入图片描述运行这个文件，可以发现读入的信息确实可以json和java互相转换了
在这里插入图片描述

在这里插入图片描述

Calendo
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaWeb--案例（Axios+JSON）
Eumenides_Suki的博客
03-10 609
使用Axios + JSON 完成品牌列表数据查询和添加。
Axios&JSON
weixin_45774477的博客
05-08 2817
Axios&JSON 文章目录Axios&JSON1. 需求2. 查询所有功能1.环境准备2. 后端实现3. 前端实现3. 添加品牌功能1. 后端实现2. 前端实现 1. 需求 使用Axios + JSON 完成品牌列表数据查询和添加。页面效果还是下图所示： 2. 查询所有功能 1.环境准备 将 02-AJAX\04-资料\3. 品牌列表案例\初始工程 下的 brand-demo 工程拷贝到我们自己 工作空间 ，然后再将项目导入到我们自己的 Idea 中。工程目录结构如下： 注意： 在
JavaWeb课设-Vue.js+JsonServer+axios实战
准备23考研。不定期更新考研知识
12-18 447
文章目录一、主要内容：二、基本要求：三、前端界面设计3.1使用技术3.2 具体实现四、运行结果 一、主要内容： 应用所学知识，完成一个Web前端应用设计，结合与后端数据交互的技术等知识，设计开发一个Web前端的应用。该前端能实现基本功能，涉及到所用Vue、Bootstrap等主要库和axios服务的交互技术等。 主要学习内容包括： （一）进一步学习并熟练掌握Vue.js设计的思想及常用库的使用。 （二）学习前端与Web服务的交互的axios技术，提高解决实际问题的能力。 （三）学习Web前端的设计与开发过程
JavaWeb + Ajax + HTML 添加数据数据与查询数据，（利用axios响应与json数据传输）
阿博的博客
09-11 1845
JavaWeb + Ajax + HTML 添加数据数据与查询数据，（利用axios响应与json数据传输）
使用axios获取JSON文件数据（vue）
weixin_65314914的博客
08-07 4284
axios是一个基于Promise的HTTP客户端库，用于发送HTTP请求。它可以在浏览器和Node.js环境中使用，并提供了许多强大而且易于使用的功能，使得进行HTTP通信变得简单、直观和高效。axios的一些详细介绍：支持浏览器和Node.js环境：axios可以在浏览器和Node.js环境中都使用。这意味着你可以在多种前端和后端开发场景中统一使用axios进行网络请求。简单易用的API：axios提供了简洁、直观的API，使得发送HTTP请求变得非常容易。
JavaWeb开发——JSP技术
03-24
此文章包含JSP简介、JSP运行原理、JSP标签与标签库及其使用、JSP的内置对象与作用域对象、EL表达式和MVC模式的简介，...适用于任何学习JavaWeb开发中，需要了解JSP技术的人群，希望这篇文章能对大家的学习有所帮助！
JAVAWEB之SSH框架学习实例大全
07-22
资源名称：JAVA WEB之SSH框架学习实例大全资源目录：【】11MySQL【】EXT【】jar包【】JavaEE的PPT【】shoppingCart【】ssh2【】SSH框架下的增删改查【】Training【】Web开发 java ssh框架【】web项目ssh框架分页【】...
13_JavaWeb——AJAX配套资源
05-02
此资源与我的博客13_JavaWeb——AJAX中的两个案例对应，其中Demo5使用AJAX异步处理页面实现对用户输入的实时校验，Demo6使用Axios+JSON完成对品牌列表的展示和添加，取代了先前的JSP。希望有所帮助
javaweb项目——VOA英语学习网站
09-10
大型javaweb项目，英语学习网站。觉得有帮助的朋友给个评价
JavaWeb后台开发框架-其他
06-12
JavaWeb是基于 SpringBoot2+Layui2.5.6+Thymeleaf++Shiro+MybatisPlus 研发的权限(RBAC)及内容管理系统，致力于做更简洁的后台管理框架，包含系统管理、代码生成、权限管理、站点、广告、布局、字段、配置等一系列...
Axios 和json的关系，Axiox如何以json格式转化?
最新发布
weixin_45428910的博客
01-01 553
Axios 和json的关系，Axiox如何以json格式转化?
Javaweb之AJAX axios JSON
lpblog的博客
03-12 500
AJAX我们先来说概念中的JavaScript和XMLJavaScript表明该技术和前端相关；XML是指以此进行数据交换。而这两个我们之前都学习过。
轻松掌握Axios：JavaWeb中使用Axios的基本技巧
2301_77478553的博客
07-17 490
说到axios我们就不得不说下Ajax。在旧浏览器页面在向服务器请求数据时，因为返回的是整个页面的数据，页面都会强制刷新一下，这对于用户来讲并不是很友好。并且我们只是需要修改页面的部分数据，但是从服务器端发送的却是整个页面的数据，十分消耗网络资源。而我们只是需要修改页面的部分数据，也希望不刷新页面，因此异步网络请求就应运而生。异步网络请求。Ajax能够让页面无刷新的请求数据。实现ajax的方式有多种，如jQuery封装的ajax，原生的XMLHttpRequest，以及axios。
Ajax、Axios和JSON
小凯的博客
11-19 880
资源的请求方式 Ajax概念 $.get()函数的语法 $.post()函数的语法
Axios与json
looperjustice的博客
10-12 1542
json是轻量级的文本数据交换格式 (发起后端请求) 同一个虚拟路径处理相同类型的事物 不同虚拟路径,进入不同模块处理 (也就是不同接口)进行处理 -- Axios 1.导入Axios是vue的一个轮子,用来向后端发起请求 在目标文件下运行,(带sava会更新vue文件里的配置文件,不带可以使用axios但是不会自动更新配合文件) 配置在main.js下 -- 目标,前端点击向后端从传送数据 让浏览器访问url相当于访问了后端服务器 (也就是在前端的方法里发送一个u...
Vue(第十七课)AXIOS对JSON数据的增删改查
qq_56248592的博客
12-04 3004
Vue中的axios数据的增删改查
JavaWeb_Axios
wanananhh的博客
10-25 226
Axios简介-json格式传参数和普通格式传参
Java-web：使用Axios代替JSP进行前后端分离与数据交互
Just For Learning
06-04 1562
使用Servlet注解代替配置web.xml文件在servlet3.0版本支持使用注解1.创建一个Servlet响应axios发送的请求 JSP代替：还原JSP到HTML：Axios：将ajax进行封装，简化JS发送异步请求的代码Axios官网：https://www.axios-http.cn/ 下载axios.js文件到本地然后再HTML头文件引入或者直接引用网址的JS头文件两种方式2.创建一个main.html文件，设置一个div用于显示axios使用回调函数时从响应体里获得的JSON数据 3.编写
JavaWeb—Ajax(Axios)
夏日漱石的博客
04-02 339
JavaWeb—Ajax
JavaWeb学习笔记（七）—— JSP
05-22
JSP（JavaServer Pages）是一种服务器端的动态网页开发技术，它可以将 Java 代码嵌入 HTML 页面中，从而实现动态网页的生成。 JSP 的基本原理是将 JSP 页面翻译成 Servlet，在服务器端执行 Servlet 代码，再将执行...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值