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

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

2024-07-03 5

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

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

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

解决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);
    }
}