前端获取后端数据

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

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

大功告成！
掌声