根据用户选择关闭jsp页面

时间:2012-02-13 16:03:45

标签: javascript jquery ajax

我有一个jsp页面,如果用户关闭页面,弹出框应该出现,询问他是否真的要关闭页面。

如果他选择关闭页面,那么我需要使用ajax重定向到另一个jsp页面。

我如何实现同样的目标。

我有一个示例代码,当用户点击关闭按钮时会询问用户,但是当刷新,提交或清除按钮或按下任何其他按钮时,此消息会弹出。

任何人都可以修改给定代码或任何实现相同功能的新功能。

    sample.jsp
<html>
<head>
<title>Refresh a page in jQuery</title>

<script type="text/javascript" src="jquery-1.4.2.min.js"></script>

</head>

<body>

<h1>Stop a page from exit with jQuery</h1>

<button id="reload">Refresh a Page in jQuery</button>

<script type="text/javascript">

    $('#reload').click(function() {

        location.reload();

    });

    $(window).bind('beforeunload', function(){
        return '>>>>>Before You Go<<<<<<<< \n Your custom message go here';
    });

</script>

</body>
</html>

1 个答案:

答案 0 :(得分:1)

$(window).bind('beforeunload', function(){
  return 'Are you sure to leave';
});

$(window).bind('unload', function(){
  $.ajax({
      url:'some url',
      success:function(data){
          $("body").html(data);
      }

  })
})

你应该在刷新之前取消绑定事件

$('#reload').click(function() {
    $(window).unbind("beforeunload");
    $(window).unbind("unload");
    location.reload();

});