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

(一)首先,将需要替换的页面内容写在一个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后的链接,若能进入,则说明导入导包成功。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值