前端获取后端数据
前端获取后端数据前阵子做个项目,因为涉及到前端代码,奈何前端知识有限,有个问题搞了好久。前端的js里需要一个数组,我后端都封装好了,但是这短短的距离我却不知道怎么拿过去前端的js。用了网上一个不太友好的方法:先用input从后端拿到前端的body<input type="hidden" th:value="${address}" id="address"/>再用document.get
·
前端获取后端数据
前阵子做个项目,因为涉及到前端代码,奈何前端知识有限,有个问题搞了好久。
前端的js里需要一个数组,我后端都封装好了,但是这短短的距离我却不知道怎么拿过去前端的js。
用了网上一个不太友好的方法:
-
先用input从后端拿到前端的body
<input type="hidden" th:value="${address}" id="address"/>
-
再用document.getElementById拿到js,但是这样如果是传数组会出错
var address = document.getElementById("address").value;
正好今晚周末,宿舍的前端大佬实习回来,我问了一下前端一般都是怎么拿到后端传过来的数据。
接下来便是一顿操作:
-
首先导入JQuery
-
再写ajax代码访问后端接口
$.ajax({ url:'/heap', //这是后端接口的url method:'get', success:function (res) { //res便是的数据便是后端拿到的数据 //这里需要注意:res为局部变量, //所以需要在方法外定义一个变量把res赋值给他,才能在方法之外使用。 }, })
-
后端接口便是我们java开发最熟悉不过的controller类了
//测试接口 @RequestMapping("/heap") public String heap(){ String adds = "前端获取的res为该值"; return adds; }
大功告成!
掌声
更多推荐
已为社区贡献4条内容
所有评论(0)