在使用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后的链接,若能进入,则说明导入导包成功。
相关文章推荐
- 使用php后台给自己做一个页面路由,配合ajax实现局部刷新。
- 如何通过JQ,Ajax来实现返回到上一个页面并进行刷新
- Ajax请求返回一个页面,实现页面局部刷新
- 使用Ajax和JSP实现无刷新的登录页面
- 使用Ajax和history.pushState()实现无刷新改变页面内容和地址栏Url
- ajax如何实现页面局部跳转与结果返回
- 不使用Ajax,如何实现表单提交不刷新页面
- ajax实现文件的上传(局部刷新页面,文件上传)
- Yii:如何在CGridView列表控件使用了Ajax方式更新数据的情况下返回前一个页面
- ajax如何实现页面局部跳转与结果返回
- 在SSH框架下实现jsp页面的局部刷新(ajax)
- Ajax前台返回JSON数据后再Controller中直接转换成类型使用,后台接收json转成实体的方法
- 使用ajax与iframe嵌套实现页面局部刷新
- java web开发中,jsp使用了frameset框架,如何实现整个页面跳转,并且同一个表单中可以提交两个action
- jsp中使用Ajax实现页面无刷新
- bdnq培训(一)3.25上课内容整理--ajax请求实现页面局部刷新
- ASP.NET使用ajax实现分页局部刷新页面功能
- 使用ajax实现无刷新改变页面内容和地址栏URL
- 使用ajax实现无刷新改变页面内容和地址栏URL
- ajax如何实现页面局部跳转与结果返回