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

前端调用后端接口

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

马上开始教学了，认真点

1. 第一步，给表格绑定一个刷新的事件
   

2. 第二步在接口文档中，找到这个页面的接口
   

3. 实现这个onload方法
   

4. 在这里引入方法的时候，别引用错误的接口了
   

5. 找到api重新写一个接口的方法，命个名，url就是你这个接口的地址，看后端接口文档，记得看是post还是get
   

这里就可以啦！

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

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


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

将对象进行浅拷贝

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

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

你学会了吗？