视频加速播放插件安装方法:
今天在敲代码的时候。发现表单里的数据都获取不到了
再研究一下视频:这里理一下出错的原因,自己v-for数据没有获取到:
这里console的意思是,
后来,自己重新刷了这篇视频:找到利用axios发送请求的视频,找到了自己出错的地方
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); } }
重新跑一下:这一次就返回了数据了,写对后端的数据很重要