javascript - 加载时停止执行页面

Question

实际上，当单击提交按钮时，如果页面加载数据的时间过长，我想为用户提供一个“取消按钮”以停止加载。我在下面写了一些代码，但是在加载大数据时它不起作用。

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

提前致谢！

Answer 1

当用户单击取消按钮时会发生什么？我是说，你想将用户重定向到不同的页面吗？
如果您正在执行 Ajax 请求，您可以尝试使用abort()方法XMLHttpRequest

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

Answer 2

After a few hours, I found this works great for me.

Changed onclick="window.location.href=document.URL;" To 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();" />

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

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()" />