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

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

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

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

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


相关文章
|
5月前
|
存储 Java
软件开发常用之SpringBoot文件上传接口编写(中),一本书,代码大全(里面有很多代码重构的方法),屎山代码的原因是不断追加逻辑,在错误代码上堆积新的功能,在写完逻辑之后去思考一下,逻辑合理不
软件开发常用之SpringBoot文件上传接口编写(中),一本书,代码大全(里面有很多代码重构的方法),屎山代码的原因是不断追加逻辑,在错误代码上堆积新的功能,在写完逻辑之后去思考一下,逻辑合理不
|
5月前
|
前端开发 JavaScript Java
文本----简单编写文章的方法(中),后端接口的编写,自己编写好页面就上传到自己的服务器上,使用富文本编辑器进行编辑,想写好一个项目,先分析一下需求,再理一下实现思路,再搞几层,配好参数校验,lomb
文本----简单编写文章的方法(中),后端接口的编写,自己编写好页面就上传到自己的服务器上,使用富文本编辑器进行编辑,想写好一个项目,先分析一下需求,再理一下实现思路,再搞几层,配好参数校验,lomb
|
前端开发 NoSQL Redis
项目实战典型案例5——发送调查问卷流程图例子(将不必要的逻辑放入前端)
项目实战典型案例5——发送调查问卷流程图例子(将不必要的逻辑放入前端)
125 0
|
前端开发
前端学习案例2-文件上传的例子用状态模式优化3
前端学习案例2-文件上传的例子用状态模式优化3
71 0
前端学习案例2-文件上传的例子用状态模式优化3
|
前端开发
前端学习案例3-文件上传的例子用状态模式优化3
前端学习案例3-文件上传的例子用状态模式优化3
78 0
前端学习案例3-文件上传的例子用状态模式优化3
|
前端开发
前端学习案例2-文件上传的例子用状态模式优化2
前端学习案例2-文件上传的例子用状态模式优化2
61 0
前端学习案例2-文件上传的例子用状态模式优化2
|
JSON 前端开发 数据格式
#yyds干货盘点 【React工作记录十二】前端对接口参数错误如何解决
#yyds干货盘点 【React工作记录十二】前端对接口参数错误如何解决
175 0
|
开发框架 小程序 JavaScript
挑战新形式,小程序之手势解锁登录功能教程【附完整代码及思路】
挑战新形式,小程序之手势解锁登录功能教程【附完整代码及思路】
361 0
挑战新形式,小程序之手势解锁登录功能教程【附完整代码及思路】
|
前端开发
前端工作小结52-错误的处理方式
前端工作小结52-错误的处理方式
93 0
前端工作小结52-错误的处理方式
|
前端开发
前端工作总结126-代码中的删除逻辑处理
前端工作总结126-代码中的删除逻辑处理
109 0
前端工作总结126-代码中的删除逻辑处理