JSP页面如何使用ajax实现局部刷新

Question

比如说有两个表出版社表A和图书表B，A表有各出版社名称，B表有出版社所出版图书列表。在页面左边显示出版社列表，右边显示左边选中出版社所出版的图书列表，根据不同的选择，右边的局部会更新，但是整个页面不刷新，该如何实现，求代码，谢谢。A表字段（press_id,prsee_name,press_adress），B表字段(press_id,book_id,book_name,introduction)

Answer 1

点击左边的 然后调action
类似
function showBooks(){

var actionUrl=".........."; //点击左边调用后台的url
$.ajax({
    url : actionUrl ,
    beforeSend :function(xmlHttp){  // deforeSend 是请求前清除缓存  ，如果没有缓存也不使用beforeSend 
          xmlHttp.setRequestHeader("If-Modified-Since","0"); 
          xmlHttp.setRequestHeader("Cache-Control","no-cache");
              } ,
    success : function(data) { //data 是返回的数据 
        $("#books").html(data); // id books 是右边的一个显示图书列表的 div
    }
});

}