后台往前台页面传值

最新推荐文章于 2024-07-02 05:00:12 发布

原创最新推荐文章于 2024-07-02 05:00:12 发布 · 3.9k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#java #html #ajax #前后台传值

本文介绍了一种使用Java后台和HTML页面结合Ajax进行数据交互的方法。在Java的@RequestMapping方法中，通过HttpServletRequest获取参数，然后使用HttpServletResponse的PrintWriter写出响应。在前端，使用jQuery的Ajax方法，设置dataType为"text"，通过URL传递参数，并在success回调中更新页面元素。

我的后台是java ，前台页面是html ，用的是ajax来进行前后台交互

后台：

    @ResponseBody
   @RequestMapping("/count")
   public void queryCount(HttpServletRequest request,HttpServletResponse response) throws IOException{
       PrintWriter out = response.getWriter();
       String id = request.getParameter("appVid");
       int count = issueManageService.sum(id);
       out.println(count);
   }

要用Response输出值，request获取值

Servlet使用输出流来产生响应 PrintWriter out=res.getWriter();

向客户端发送字符数据。 out.println(“ ”);

前台：

$.ajax({
        type:"post",
         dataType : "text",//这里可能会有人写成"text/html"，这样写就出不来了啦
         data:rowData,
        url:'IssueManage/count.do?appVid='+appVid,
         loadingmask: true,// ajax请求时是否显示数据加载遮罩。
         success : function(data) {
            $("#count").val(data);
         }
    });

大概就是这样子吧