Vue中怎么請(qǐng)求java服務(wù)端并返回?cái)?shù)據(jù)

這篇文章給大家介紹Vue中怎么請(qǐng)求java服務(wù)端并返回?cái)?shù)據(jù)，內(nèi)容非常詳細(xì)，感興趣的小伙伴們可以參考借鑒，希望對(duì)大家能有所幫助。

//向springmvc Controller發(fā)起請(qǐng)求，傳遞一個(gè)參數(shù)
get請(qǐng)求（帶參數(shù)傳遞）
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);
});

后臺(tái)代碼：

@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;
}

此時(shí)可以在瀏覽器中看到服務(wù)器返回給我們的數(shù)據(jù)：

關(guān)于Vue中怎么請(qǐng)求java服務(wù)端并返回?cái)?shù)據(jù)就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺(jué)得文章不錯(cuò)，可以把它分享出去讓更多的人看到。