设为首页 - 加入收藏 站长在线 - 常用服务器软件 - 在线站长工具 - 在线伪原创工具
您的当前位置:主页 > 网络教程 > JavaScript > 正文

Vue哀求java处事端并返回数据代码实例

来源:未知 编辑:枫少 时间:2019-12-08

本文首要先容Vue哀求Java处事器并返回数据代码示例。 本文先容的示例代码很是具体。 它对每小我私人的进修或事变都有必然的参考进修代价。 必要它的伴侣可以参考

最近,我自学了怎样通过vue与Java交互。 现实上,axios很是简朴,险些与ajax哀求沟通,只是它可以办理跨域题目。

空话不多说了,直接贴代码,一看就懂!

?
1
2
3
4
5
6
7
8
9
10
11
12
//向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);
});

靠山代码:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
@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;
}

此时可以在赏识器中看随处事器返回给我们的数据:

以上就是本文的所有内容,但愿对各人的进修有所辅佐,,也但愿各人多多支持站长在线。


TAG标签:

相关推荐:

网友评论:

文章右边250
Top