Question

实际上，当点击提交按钮时，我想提供一个“取消按钮”，以便用户在页面加载数据时间过长时停止加载。我在下面编写了一些代码，但在加载大数据时它无效。

Loading...Please wait a moment...<br/>
<input id="btnModules_Cancel" type="button" value="Cancel" 
  onclick="window.location.href=document.URL;"/>

提前致谢！

Answer 1

当用户点击取消按钮时会发生什么？我想，你想将用户重定向到另一个页面吗？如果您正在执行Ajax请求，可以尝试使用XMLHttpRequest的{{3}}方法

此外，如果您希望服务器停止处理您的请求，您可以尝试使用abort()

Answer 2

几个小时后，我发现这对我很有用。

已更改onclick="window.location.href=document.URL;" 至onclick="StopLoading();"

function StopLoading() {
    if (navigator.appName == 'Microsoft Internet Explorer') {
        document.execCommand('Stop');
    } else {
        window.stop();
    }
    alert('Operation Aborted.');
}

Answer 3

<input type="button" value="Stop" onclick="window.stop();" />

停止加载.. 如果你想停止然后REDIRECT到其他页面，你可以在你的脚本中创建一个函数。

http://www.w3resource.com/javascript/client-object-property-method/window-stop.php

function stopLoad(){
    window.stop(); //stop loading the page
    window.location = "url.asp"; //takes you somewhere
}

通过..执行功能

    <input type="button" value="Stop" onclick="stopLoad()" />

加载时停止执行页面

3 个答案: