前端获取后端数据

前端获取后端数据

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

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

大功告成!
掌声

  • 19
    点赞
  • 109
    收藏
  • 打赏
    打赏
  • 2
    评论

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

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:精致技术 设计师:CSDN官方博客 返回首页
评论 2

打赏作者

张嘉烘

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值