前端调用后端接口
作为一个前端小白的你是不是也在彷徨,哈哈哈,让我来告诉你吧,调用接口很简单哦,跟着我来,一分钟,包教包会!!!
首先第一步,写一个简单的表格页面,其他的也行,这是有数据的,没调用接口是没有数据的
马上开始教学了,认真点
-
第一步,给表格绑定一个刷新的事件
-
第二步在接口文档中,找到这个页面的接口
-
实现这个onload方法
-
在这里引入方法的时候,别引用错误的接口了
-
找到api重新写一个接口的方法,命个名,url就是你这个接口的地址,看后端接口文档,记得看是post还是get
这里就可以啦!
给你们升华一个确定按钮的调接口
给这个保存按钮绑定一个点击事件,实现方法。createWorkAdd这个方法就是调用的接口
这个接口需要一个row对象,我们将表单的数据封装在了submitData中,给这个方法赋值,传递给了后端,所以后端就可保存起来了
将对象进行浅拷贝
const submitData = Object.assign({},this.projectInfoForm)
submitData['projectAttachList'] = this.projectAttachList
这第二行是因为,还有一个附件的列表需要保存在这个对象里面,所以用了这个方法,将对象的列表和表单的数据一起保存在了submitData中,这样就可以一起传过去了
你学会了吗?