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

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

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

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

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


相关文章
|
存储 监控 小程序
《优化接口设计的思路》系列:第三篇—留下用户调用接口的痕迹
大家好!我是sum墨,一个一线的底层码农,平时喜欢研究和思考一些技术相关的问题并整理成文,限于本人水平,如果文章和代码有表述不当之处,还请不吝赐教。 作为一名从业已达六年的老码农,我的工作主要是开发后端Java业务系统,包括各种管理后台和小程序等。在这些项目中,我设计过单/多租户体系系统,对接过许多开放平台,也搞过消息中心这类较为复杂的应用,但幸运的是,我至今还没有遇到过线上系统由于代码崩溃导致资损的情况。这其中的原因有三点:一是业务系统本身并不复杂;二是我一直遵循某大厂代码规约,在开发过程中尽可能按规约编写代码;三是经过多年的开发经验积累,我成为了一名熟练工,掌握了一些实用的技巧。
95 0
《优化接口设计的思路》系列:第三篇—留下用户调用接口的痕迹
|
前端开发 NoSQL Redis
项目实战典型案例5——发送调查问卷流程图例子(将不必要的逻辑放入前端)
项目实战典型案例5——发送调查问卷流程图例子(将不必要的逻辑放入前端)
114 0
|
SQL Web App开发 设计模式
PHP代码审计系列(一) 基础:方法、思路、流程
PHP代码审计系列(一) 基础:方法、思路、流程
453 0
|
JSON 前端开发 数据格式
#yyds干货盘点 【React工作记录十二】前端对接口参数错误如何解决
#yyds干货盘点 【React工作记录十二】前端对接口参数错误如何解决
169 0
|
开发框架 小程序 JavaScript
挑战新形式,小程序之手势解锁登录功能教程【附完整代码及思路】
挑战新形式,小程序之手势解锁登录功能教程【附完整代码及思路】
337 0
挑战新形式,小程序之手势解锁登录功能教程【附完整代码及思路】
|
前端开发
前端工作小结52-错误的处理方式
前端工作小结52-错误的处理方式
88 0
前端工作小结52-错误的处理方式
|
前端开发
前端工作总结126-代码中的删除逻辑处理
前端工作总结126-代码中的删除逻辑处理
101 0
前端工作总结126-代码中的删除逻辑处理
|
缓存 网络协议 前端开发
业务前端界面报错504排查思路和解决办法
业务前端界面报错504排查思路和解决办法
业务前端界面报错504排查思路和解决办法
|
JSON 测试技术 数据格式
软件测试面试题:依赖于登录的接口如何处理?
软件测试面试题:依赖于登录的接口如何处理?
312 0
|
测试技术 数据库 Python
软件测试面试题:不可逆的操作,如何处理,比如删除一个订单这种接口如何测试
软件测试面试题:不可逆的操作,如何处理,比如删除一个订单这种接口如何测试
208 0