前端获取后端数据

前端获取后端数据

前阵子做个项目,因为涉及到前端代码,奈何前端知识有限,有个问题搞了好久。

前端的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;
        }
    

大功告成!
掌声

  • 30
    点赞
  • 138
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值