在使用AJAX实现页面局部刷新时,如何从后台直接返回一个jsp文件到前台,并替换掉原先内容?
程序员文章站
2022-06-17 14:54:40
...
(一)首先,将需要替换的页面内容写在一个jsp中,比如dest.jsp;
(二)接着,在后台Servlet中(负责与前台ajax通信),和传统的跳转页面一样,使用请求转发将需要的jsp页面传给前台。
request.getRequestDispatcher("dest.jsp").forward(request,response);
(三)在前台的ajax中,将返回的 result 直接替换掉需要替换的内容
$.ajax({
//传递的地址
url: "deleteCarBook",
//传递的方式
type: "post",
//传递的参数
data: {"data1": data1具体的值},
//返回的结果
success: function (result) {
$("需要刷新的某个div(可以通过类名取,也能用id名获取)").html(result);
}
});
上述中的 ".html" 表示替换的意思,即将之前的页面内容用一个完整的jsp文件替换掉。这里可以根据具体情况进行更改,如果想要在原先的内容上继续追加,可以使用 ".append" 。
注:这里使用的ajax是jQuery中封装好的,所以在使用之前必须先引入jQuery的包,并附上一段代码:
<script type="text/javascript" src="js/jquery.min.js"></script>
按住ctrl键,点击src后的链接,若能进入,则说明导入导包成功。
上一篇: VBS打开当前脚本所在文件夹