Div的局部刷新

实例采用的是jquery的ajax传递数据，也可以用原生的ajax

创建js的事件，此处是原生的创建方式

function a(){

        $.ajax({

            //get方式提交

            type : "get",

            async : false,

            url : "${pageContext.request.contextPath }/test",

            //json方式发送数据

            data : {canteen_id:"c575fe99-828d-4360-8200-cc57f51fb2b1",car:"2"},

            timeout:1000,

扫描二维码关注公众号，回复： 3209752 查看本文章

            success : function(dates) {

                //返回后台代码的结果                

                alert(dates);

                 $("#mainContent").html(dates);//要刷新的div将数据传递到指定的div中

            }

        });

}

后台代码主要输出是依靠PrintWriter输出到前台，用html的格式拼接字符串输出，例如输出一个<a href='#'>你好</a>

PrintWriter out= response.getWriter();

        out.print("<a href='#'>");

       out.print("你好");

        out.print("</a>");

        out.close();

out及前端接收到的数据，前端要刷新的div对输出字符串根据html语法解析。输出这个页面也可以做到，直接用request.getRequestDispatcher("需要输出的页面").forward(request, response);也可以将某个页面加载到指定div中,效果和html中的 <iframe></iframe>标签加载子页面一个样