您的位置:首页 > Web前端 > JavaScript

在使用AJAX实现页面局部刷新时,如何从后台直接返回一个jsp文件到前台,并替换掉原先内容?

2019-01-19 20:13 399 查看

(一)首先,将需要替换的页面内容写在一个jsp中,比如dest.jsp;

(二)接着,在后台Servlet中(负责与前台ajax通信),和传统的跳转页面一样,使用请求转发将需要的jsp页面传给前台。

[code]request.getRequestDispatcher("dest.jsp").forward(request,response);

(三)在前台的ajax中,将返回的 result 直接替换掉需要替换的内容

[code] $.ajax({
//传递的地址
url: "deleteCarBook",
//传递的方式
type: "post",
//传递的参数
data: {"data1": data1具体的值},
//返回的结果
success: function (result) {
$("需要刷新的某个div(可以通过类名取,也能用id名获取)").html(result);
}
});

上述中的 ".html" 表示替换的意思,即将之前的页面内容用一个完整的jsp文件替换掉。这里可以根据具体情况进行更改,如果想要在原先的内容上继续追加,可以使用 ".append" 。

注:这里使用的ajax是jQuery中封装好的,所以在使用之前必须先引入jQuery的包,并附上一段代码:

[code] <script type="text/javascript" src="js/jquery.min.js"></script>

按住ctrl键,点击src后的链接,若能进入,则说明导入导包成功。

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: