Question

我的项目中有一个问题，我允许第一个请求（one.jsp）重新加载页面或重定向到页面，如果在第一个请求完成之前有第二个请求（two.jsp）被提升（之前）加载one.jsppage），然后不应该处理第二个请求，它应该被拒绝。

<pre>
<form id = "testform" action = "form.jsp">
<input type = "hidden" name = "testhidden" value = "">
</form>

<a href = "one.jsp"> First Request</a>

<a href = "two.jsp"> Second Request</a>

<a href = "javascript:document.getElementById('testform').submit();"> third Request</a>

<a onclick = "javascript:document.getElementById('testform').submit();"> fourth Request</a>

<button onclick = "javascript:document.getElementById('testform').submit();">fifth request</button>
    </pre>

FIDDLE

实际上，我的要求是，如果使用标记或按钮onclick对一个页面（one.jsp）发出请求，那么该页面（one.jsp）应该加载，然后拒绝在加载页面之前引发的所有其他请求（ one.jsp）。我在javascript或jquery中寻找此问题的解决方案。 Java是可选的。任何帮助将不胜感激。

Answer 1

限制的最佳方式是，您需要取消绑定兄弟姐妹上的点击事件，因此一旦您点击第一个元素，其他同级元素将被禁用以进行点击。我刚刚添加了父元素div＃menu以便于访问！

$('#menu a,#menu button').click(function(){
    console.log("fire - "+$(this).text());
    $(this).siblings().unbind('click');

});

检查fiddle

除第一个请求外，拒绝重新加载页面的所有其他请求

1 个答案: