Vue中怎么請求java服務端并返回數據

這篇文章給大家介紹Vue中怎么請求java服務端并返回數據，內容非常詳細，感興趣的小伙伴們可以參考借鑒，希望對大家能有所幫助。

//向springmvc Controller發起請求，傳遞一個參數
get請求（帶參數傳遞）
axios.get('http://127.0.0.1:8088/inas/f/demo/test?name=2222')
.then(function (response) {
console.log(response);

var data = response.data;
alert(data[0].conpany);
})
.catch(function (error) {
　　console.log(error);
});

后臺代碼：

@ResponseBody
@RequestMapping(value="/test",method=RequestMethod.GET)
public String test(@RequestParam String name,HttpServletResponse response) {

List<Object> list = new ArrayList<Object>();
Map<String,Object> userMap1 = new HashMap<String, Object>();
Map<String,Object> userMap2 = new HashMap<String, Object>();

userMap1.put("conpany", "河南電力");
userMap1.put("section", "鄭州分公司");
userMap1.put("admin", "123123");
userMap1.put("name", "張華鳳");
userMap1.put("tel", "954127004");
userMap1.put("phone", "15056993012");

list.add(userMap1);
String jsonStr = JSON.toJSON(list).toString();
response.setHeader("Access-Control-Allow-Origin", "*");
return jsonStr;
}

此時可以在瀏覽器中看到服務器返回給我們的數據：

關于Vue中怎么請求java服務端并返回數據就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。