【拓展】前后端数据交互

工作中常见的前后端交互方式

---

1 前端data传参，后端param接受

1.1 解决思路

• 需要前端将数据封装在 FormData 里，将此FormData用data传递即可

1.2 代码

// axios方法
export function dataTest(testData) {
    return request({
        url: "/test/dataTest",
        method: "post",
        data: testData
    })
}

// 前端-方法调用
test() {
  let formData = new FormData();
  formData.append("name", "莱特雷")
  formData.append("age", "18")
  dataTest(formData).then(res => {
	console.log(res.data)
  })
}

// 后端-数据接受
@PostMapping("dataTest")
public String dataTest(String name, String age) {
	return name + " " + age;
}

---