如何停止页面正在发送的请求

超级字帖 2012-12-13 04:20:09

用ajaxForm做的一个上传，后台用的php语言，

有时上传文件过大，当点击关闭按钮的时候如何停止已经发送出的请求（不刷新页面）.

...全文

791 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

超级字帖 2012-12-14

打赏
举报

引用 4 楼 plzzz 的回复:

XMLHttpRequest有个abort的方法,不知是否适用...

谢！在dewen上网友已经给出了例子答案，就是用的这个abort(); html页面

<html>
<head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
    <script type="text/javascript" src="http://malsup.github.com/jquery.form.js"></script>
</head>
<body>
    <form id="form1" action="post.php" method="post">
        <input name="test" value="" />
        <input type="submit" name="s" value="submit" />
        <input type="button" id="cancel" value="cancel" />
    </form>
    <script type="text/javascript">
        var options = {
            error: function(XMLHttpRequest, textStatus) {
                // 解除取消事件
                $('#cancel').unbind('click');
                alert('click: \n' + textStatus);
            },
            success: function(responseText) {
                // 解除取消事件
                $('#cancel').unbind('click');
                alert('responseText: \n' + responseText);
            }
        };

        $('#form1').submit(function() { 
            $(this).ajaxSubmit(options); 
            var jqxhr = $(this).data('jqxhr');
            // 绑定取消事件
            $('#cancel').bind('click', function(){
                jqxhr.abort();
            });
            return false; 
        }); 
    </script>
</body>
</html>

php