前端代码(示例):最后数据都存入index数组中
首先:在main.js文件中写入如下语句:
import axios from 'axios'
import VueAxios from 'vue-axios'
Vue.prototype.axios=axios;
Vue.use(VueAxios, axios);
其次:在需要的地方导入axios、在需要post数据的时候,导入qs。(其实我没有用到qs,不知道,只是借鉴大佬的经验,写在这儿)如下:
import axios from 'axios'
import qs from 'qs'
最后:get后端json数据
const index = []
const url = 'http://localhost:8080/......'
axios.get(url).then((response) => {
const describeDataForm = response.data[0].describeDataForm
const optionsDataForm = response.data[0].optionsDataForm
for (var i = 0; i < describeDataForm.length; ++i) {
const dataFrom = {key: i + 1, label: describeDataForm[i], alternatives: optionsDataForm[i]}
console.log(dataFrom)
index.push(dataFrom)
}
})
后端控制层代码(截取示例):
@ResponseBody
@RequestMapping(value = "/toSuperDataFormPage", method = RequestMethod.GET,produces="text/html;charset=UTF-8")//解决中文字符乱码
private String toDataFormPage(HttpServ