局部刷新页面、异步加载页面方案：
1.在jsp页面需要刷新的地方增加一个控件
2.新建一个jsp页面：aaa.jsp(用来放置需要刷新的内容)
3.将id为courselist的dom标签重新赋值为需要的页面，就能达到局部刷新的目的
$('#courselist').html(msg);
例如：
$.ajax({
datatype:"text",
url:basepath+'/courselist',
data: {
coursebox : types
},success: function(msg){
//列表数据页面渲染
$('#courselist').html(msg);
}
});
此处使用向后台异步请求数据的方式刷新页面，后台返回一个jsp，来对需要刷新的控件赋值。
@requestmapping("/courselist")
public string courselist(model model, httpservletrequest request) throws exception {
model.addattribute("xxx",null);
return "/xxx/xxx/aaa";// 你要跳转的jsp路径
}
以上这篇jsp实现局部刷新页面、异步加载页面的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持萬仟网。
希望与广大网友互动？？
点此进行留言吧！

1.问题

在使用ajax请求刷新局部页面后，发现百度分享无法正常使用了。初步估计是因为更新了百度分享的那部分页面但没有重新加载百度分享js导致。

2.重新加载百度分享

按照上面上面的猜测重新加载了百度分享的js。发现还是没有效果，看了百度js里面的一段代码如下：

window._bd_share_main?window._bd_share_is_recently_loaded=!0:(window._bd_share_is_recently_loaded=!1,window._bd_share_main={version:"2.0",jscfg:{domain:{staticUrl:"http://bdimg.share.baidu.com/"}}}),!window._bd_share_is_recently_loaded&&(window._bd_share_m

_bd_share_is_recently_loaded似乎有判断最近是否有加载过，所以直接重新加载是没有效果的。

3.解决办法

window._bd_share_main.init();在后面重新加载前调用初始化方法，重新初始化一下百度分享组建即可。

本文参考资料 
ajax局部刷新后，如何让局部中的百度分享重新加载

使用ajax提交表单数据，整个jsp页面却会重新加载、刷新，而不是局部刷新
问题描述
昨天用ajax写异步，在插入数据时（点击button），提交表单后，整个jsp页面总是会自动刷新一遍。

但是异步就是要局部刷新，而不是整个页面都刷新一遍。
原因
使用了button控件当做表单的提交按钮

当form中存在button标签时，即使是用ajax异步提交表单后，面会被刷新。
<button onclick="insert()">添加商品</button>

解决
改为使用input提交：
 <input type="button" value="添加商品"  onclick="insert()"/>

本文转自：https://blog.csdn.net/u012887385/article/details/54706399

局部刷新页面、异步加载页面方案：

1.在jsp页面需要刷新的地方增加一个控件
<div id=courseList></div>

2.新建一个jsp页面：aaa.jsp（用来放置需要刷新的内容）

3.将id为courseList的dom标签重新赋值为需要的页面，就能达到局部刷新的目的
$('#courseList').html(msg);
例如：
$.ajax({
            dataType:"text",
            url:basePath+'/courseList',
            data: { 
                courseBox : types
            },success: function(msg){
                //列表数据页面渲染
                $('#courseList').html(msg);
            }
        });
此处使用向后台异步请求数据的方式刷新页面，后台返回一个jsp，来对需要刷新的控件赋值。
@RequestMapping("/courseList")
  public String courseList(Model model, HttpServletRequest request) throws Exception {
    model.addAttribute("xxx",null);
    return "/xxx/xxx/aaa";// 你要跳转的JSP路径
  }