或者用JSP的el表达式比如${msg}这边小编重点讲讲如何在JS和后端通信。如果你使用的是(VUE)技术其实方法是一样的。以下小编传递的是JSON格式的数据以及文本(String)格式的数据把数据传递给前端。String格式的传递 @WebServle_后端权限码传到前端怎么弄">
当前位置:   article > 正文

JavaWeb项目中如何让后端的数据传递到前端(包括JSP、JS)_后端权限码传到前端怎么弄

后端权限码传到前端怎么弄

后端传递给前端的方式很多。如果是后端传递给JSP、我想大家很多人都知道 可以使用
后端可以使用:
req.setAttribute("msg",msg);
前端可以使用:
<%=request.getAttribute("msg")%>
或者用JSP的el表达式比如${msg}
这边小编重点讲讲如何在JS和后端通信。如果你使用的是(VUE)技术其实方法是一样的。
以下小编传递的是JSON格式的数据以及文本(String)格式的数据把数据传递给前端。
String格式的传递

 @WebServlet("/collegeService")//这里写的是到时候要访问的路径
public class CollegeService extends HttpServlet {
    @Override
    protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        resp.setCharacterEncoding("utf-8");
        resp.setContentType("text/html; charset=utf-8");
        PrintWriter out = resp.getWriter();
        ITeacher teacherdao=new TeacherDao();
        String str=teacherdao.FindeCollegeName(Integer.parseInt(LoginController.collegeid));//这里是传递的数据,可以是自定义的文本
        System.out.println(str);
        out.println( str);//把数据加载到网页上。
        out.flush();
        out.close();

    }
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16

前端使用ajax,如果不会ajax的可以百度看看。

  // 请求学院
  var that=this;
    $.ajax({
      url: './collegeService',//路径
      type: 'GET',//get或者post方法
      dataType: 'text',//返回的格式
      sync: true,//同步还是异步
      success: function (data, status) {
        console.log("data"+data);
        that.college1=data;

      }
    });
    //设置3000毫秒后取到值是为了顺序执行,不让在上面的取值的时候,这个就已经覆值了,就会发现,值没有成功的赋值。
    setTimeout(function () {
      that.college=that.college1;

    }, 3000)
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18

接下来是返回JSON格式的数据

   // 请求数据
    var data1 = new Array();
    data1.length = 0;
    $.ajax({
      url: './teacheingPlanService',
      type: 'GET',
      dataType: 'json',
      sync: true,
      success: function (data, status) {
        data1.push(data);//要使用push而不能使用=赋值
      }
    });

    // console.log(this.tableData)
    setTimeout(function () {

      that.tableData.length = 0;//清空
      for (var i = 0; i < data1[0].length; i++) {
        that.tableData.push(data1[0][i]);
      }
      that.loading = false;

    }, 10000)
  }
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24

可以发现前端使用ajax接受数据的时候,如果使用的的是JSON返回的如果是数组需要采用push如果采用=会发现值没有成功的赋值。

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/509751
推荐阅读
相关标签
  

闽ICP备14008679号