一分钟教会你调接口，包教包会

前端调用后端接口

作为一个前端小白的你是不是也在彷徨，哈哈哈，让我来告诉你吧，调用接口很简单哦，跟着我来，一分钟，包教包会！！！
首先第一步，写一个简单的表格页面，其他的也行，这是有数据的，没调用接口是没有数据的

马上开始教学了，认真点

第一步，给表格绑定一个刷新的事件
第二步在接口文档中，找到这个页面的接口
实现这个onload方法
在这里引入方法的时候，别引用错误的接口了
找到api重新写一个接口的方法，命个名，url就是你这个接口的地址，看后端接口文档，记得看是post还是get

这里就可以啦！

给你们升华一个确定按钮的调接口

给这个保存按钮绑定一个点击事件，实现方法。createWorkAdd这个方法就是调用的接口

这个接口需要一个row对象，我们将表单的数据封装在了submitData中，给这个方法赋值，传递给了后端，所以后端就可保存起来了

将对象进行浅拷贝

 const submitData = Object.assign({},this.projectInfoForm)submitData['projectAttachList'] = this.projectAttachList

这第二行是因为，还有一个附件的列表需要保存在这个对象里面，所以用了这个方法，将对象的列表和表单的数据一起保存在了submitData中，这样就可以一起传过去了

你学会了吗？

一分钟教会你调接口，包教包会相关推荐

xbox手柄接收器驱动_新手有什么PC电脑手柄推荐？简单易懂5分钟教会你做出选择...
不知道大家入手柄坑是在什么情况?我以前也经常疑惑,用手柄玩PC游戏是什么感觉,总是在想手柄好用吗?后台因为看着身边很多同学玩游戏都是用手柄在玩游戏,我就偷偷买回来试了试,结果发现,诶真香,也特别后悔, ...
十分钟教会你原生JS压缩图片，极其精简版
十分钟教会你原生JS压缩图片,极其精简版原文链接:https://blog.csdn.net/yasha97/article/details/83629510 (一)实现思路先通过input标签获 ...
10分钟教会你Apache Shiro
前言欢迎来到Apache Shiro 10分钟之旅! 希望通过这个简单.快速的示例,可以让你对应用程序中使用Shiro有个深入的了解.嗯,10分钟你应该可以搞定它. 概述 Apache Shiro是 ...
电容指纹识别模块使用教程十分钟教会你使用指纹识别
电容指纹识别模块使用教程十分钟教会你使用指纹识别 FPC1020A 引脚说明使用前准备接线说明使用参考总结原文链接:https://www.yourcee.com/newsinfo/2923 ...
授之以鱼不如授之以渔！五分钟教会您手工查杀***！
授之以鱼不如授之以渔!五分钟教会您手工查杀***! 经常看到有人求助- 为什么我的主页被改了,死活改不回来呀? 这个进程是不是正常进程呀? 这个程序是什么程序呀?为什么死活杀不掉呢? ....... ...
怎样在表格中选出同一类_3分钟教会你如何将不同表格中的数据关联在一起
原标题: 3分钟教会你如何将不同表格中的数据关联在一起版权声明:本文为博主原创文章,未经博主允许不得转载. 智能输入超级表格微视频关键词: 智能输入关联不同表格逻辑输入「超级表格微视频」 ...
body里写注释 postman_HTTP Status 415 – Unsupported Media Type(使用@RequestBody后postman调接口报错)...
1.问题描述:使用springMVC框架后,添加数据接口中,入参对象没使用@RequestBody注解,造成postman发起post请求, from-data可以调通接口,但是raw调不通接口,然后 ...
ajax接口调节,前端用ajax调接口怎么破啊？
ajax调接口我经常使用的有两种. 第一种是表单提交时将输入的数据提交给后台代码类似这种 //提交按钮的id submit $('#submit').click(function(){ va ...
服务端api用php写还是用node,如何使用node搭建服务器,写接口,调接口,跨域
这次给大家带来如何使用node搭建服务器,写接口,调接口,跨域,使用node搭建服务器,写接口,调接口,跨域的注意事项有哪些,下面就是实战案例,一起来看一下.. 服务端项目目录下: 1.npm ini ...

一分钟教会你调接口，包教包会

前端调用后端接口

给你们升华一个确定按钮的调接口

一分钟教会你调接口，包教包会相关推荐

最新文章

热门文章