Vue请求java服务端并返回数据代码实例
2019-12-03 18:34
1516 查看
这篇文章主要介绍了Vue请求java服务端并返回数据代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
最近在自学vue怎么与java进行数据交互。其实axios还是挺简单的,与ajax请求几乎一样,无外乎也就是要解决下跨域的问题。
废话不多说了,直接贴代码,一看就懂!
//向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; }
此时可以在浏览器中看到服务器返回给我们的数据:
以上就是本文的全部内容,希望对大家的学习有所帮助
您可能感兴趣的文章:
相关文章推荐
- ajax请求返回xml数据(含服务端代码)
- Java 客户端向服务端上传mp3文件数据的实例代码
- wsdl 生成java服务端代码开发,客户端请求,服务端返回错误XXX are not understood解决方法
- vue 请求后台数据的实例代码
- Jquery Ajax学习实例2-向页面发出请求,返回JSon格式数据
- C# C/S程序请求网页地址,并获取返回数据代码
- java udp网络编程及实例代码,实现客户端和服务端通信
- Jquery Ajax学习实例5-向WebService发出请求,返回泛型集合数据的异步调用
- php curl请求信息和返回信息设置代码实例
- AJAX跨域请求JSONP获取JSON数据的实例代码
- JAVA代码:通过Socket读取返回的数据
- jquery+ajax每秒向后台发送请求数据然后返回页面的代码
- JAVA发送HTTP请求,返回HTTP响应内容,应用及实例代码
- Query通过Ajax向PHP服务端发送请求并返回JSON数据
- Java根据URL连接请求JSON数据解析代码
- java中JDBC实现往MySQL插入百万级数据的实例代码
- java GET和POST请求返回数据
- vue+ElementUI实现订单页动态添加产品数据效果实例代码
- java数据类型转化大全实例代码
- mysql java使用PreparedStatement插入数据并返回id的代码