bitfcb
2012-04-10 16:18 阅读 722
已采纳

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

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

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

2条回答 默认 最新

  • 已采纳
    canyoufeel75 canyoufeel75 2012-04-10 16:53

    点击左边的 然后调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
        }
    });
    

    }

    点赞 评论 复制链接分享
  • canyoufeel75 canyoufeel75 2012-04-10 17:36

    action 就是你在调后台接口的url啊

    "showbooks.do?press_id="+press_id;

    点赞 评论 复制链接分享

相关推荐