前后端数据交互-----表单数据获取不到,出错的原因,在编写接口时,没有考虑数据如何返回,解决问题的思路,找到自己出错的地方,围绕着出错的地方进行考虑(很重要),找对解决问题的视频,理清返回数据的思路

简介: 前后端数据交互-----表单数据获取不到,出错的原因,在编写接口时,没有考虑数据如何返回,解决问题的思路,找到自己出错的地方,围绕着出错的地方进行考虑(很重要),找对解决问题的视频,理清返回数据的思路

视频加速播放插件安装方法:

解决Edge输入document.querySelector(‘video‘).playbackRate = 2.5视频无法加速的问题,‘Uncaught (in promise) TypeErro’_为什么不能选中 document.queryselector("video")-CSDN博客

今天在敲代码的时候。发现表单里的数据都获取不到了

再研究一下视频:这里理一下出错的原因,自己v-for数据没有获取到:

这里console的意思是,

后来,自己重新刷了这篇视频:找到利用axios发送请求的视频,找到了自己出错的地方

07-案例-查询所有_哔哩哔哩_bilibili

https://www.bilibili.com/video/BV1Qf4y1T7Hx?p=144&vd_source=941bf5fea72791807cbe43e041dd5a26

这里自己出错的原因是:自己编写的SelectAllServlet的数据转到了JSP页面,自己没有按照axios的资料返回数据

按照正确的资料修改:这里我们要将集合转为JSON数据,进行序列化,集合转JSON,先引入pom.xl

1. <dependency>
2. <groupId>com.alibaba</groupId>
3. <artifactId>fastjson</artifactId>
4. <version>1.2.62</version>
5. </dependency>

然后在我们的接口中编写正确的代码:

package worldtolingyidianke.file.controller;
 
 
 
import com.alibaba.fastjson.JSON;
import worldtolingyidianke.file.bean.Brand;
import worldtolingyidianke.file.service.BrandService;
 
import javax.servlet.*;
import javax.servlet.http.*;
import javax.servlet.annotation.*;
import java.io.IOException;
import java.util.List;
 
@WebServlet("/selectAllServlet")
public class SelectAllServlet extends HttpServlet {
    private BrandService service = new BrandService();
 
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //1. 调用BrandService完成查询
        List<Brand> brands = service.selectAll();
 
        //2. 存入request域中
//        request.setAttribute("brands",brands);
        //2.将集合转换为JSON数据,序列化
        String jsonString = JSON.toJSONString(brands);
 
        //3. 响应数据
        response.setContentType("text/json;charset=utf-8");
        response.getWriter().write(jsonString);
    }
 
    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        this.doGet(request, response);
    }
}

重新跑一下:这一次就返回了数据了,写对后端的数据很重要


相关文章
|
存储 SQL 数据库
SQL Server存储过程的优缺点
【10月更文挑战第18天】SQL Server 存储过程具有提高性能、增强安全性、代码复用和易于维护等优点。它可以减少编译时间和网络传输开销,通过权限控制和参数验证提升安全性,支持代码共享和复用,并且便于维护和版本管理。然而,存储过程也存在可移植性差、开发和调试复杂、版本管理问题、性能调优困难和依赖数据库服务器等缺点。使用时需根据具体需求权衡利弊。
300 1
pywinauto教程
pywinauto教程
525 7
|
NoSQL Cloud Native atlas
探索云原生数据库:MongoDB Atlas 的实践与思考
【10月更文挑战第20天】本文探讨了MongoDB Atlas的核心特性、实践应用及对未来云原生数据库的思考。MongoDB Atlas作为云原生数据库服务,具备全球分布、完全托管、弹性伸缩和安全合规等优势,支持快速部署、数据全球化、自动化运维和灵活定价。文章还讨论了实施MongoDB Atlas的最佳实践和职业心得,展望了云原生数据库的发展趋势。
|
JSON JavaScript 应用服务中间件
关于The valid characters are defined in RFC 7230 and RFC 3986问题
建议从目前的角度出发使用第三种方式降低tomcat版本就可以了,如果从长远出发的话,建议遵循RFC 7230 and RFC 3986规范,对于非保留字字符(json格式的请求参数)做转义操作。
2497 0
关于The valid characters are defined in RFC 7230 and RFC 3986问题
|
监控 关系型数据库 MySQL
MySQL性能调优与监控:优化查询与实时监测
本文深入探讨了MySQL数据库的性能调优与监控,通过详细的代码示例,介绍了优化器与执行计划、查询性能调优策略,以及性能监控工具与指标。优化查询性能是数据库管理中的关键环节,通过合理的查询设计、索引的使用和避免不必要的操作,可以显著提升数据库操作效率。性能监控工具如MySQL Performance Schema和MySQL Enterprise Monitor能够实时监测数据库的性能指标,帮助管理员及时发现和解决性能问题。
1603 0
MySQL性能调优与监控:优化查询与实时监测
|
前端开发 Java Spring
Spring Boot 实现图片上传并回显
Spring Boot 实现图片上传并回显
1026 0
|
前端开发 JavaScript
前端 JS 经典:递归
前端 JS 经典:递归
202 0
|
设计模式
静态方法科普:从原理到实践的全面解读
静态方法科普:从原理到实践的全面解读
250 0