javascript - 如何在Javascript表单提交2分钟后取消http请求？

Question

Javascript表单提交中是否有任何属性可以在2分钟后取消请求

Javascript代码

var document = $document[0];
var form = document.createElement('form');
form.setAttribute('method', 'POST');
form.setAttribute('action', '/service/'+url);
var hiddenField = document.createElement('input');
hiddenField.setAttribute('type', 'hidden');
hiddenField.setAttribute('name', 'filterParam');
hiddenField.setAttribute('value',angular.toJson(input));
form.appendChild(hiddenField);
document.body.appendChild(form);
form.submit();

类似于 http 配置对象中的超时。

$http({
        method : 'POST',
        **timeout : 120000,**

    }).success(function(data) {

    }).error(function(data, status) {

    });

Answer 1

您可以使用window.stop(在IE中为document.execCommand("Stop"))来中止所有待处理的表单提交。代码是:

var document = $document[0];
var form = document.createElement('form');
form.setAttribute('method', 'POST');
form.setAttribute('action', '/service/'+url);
var hiddenField = document.createElement('input');
hiddenField.setAttribute('type', 'hidden');
hiddenField.setAttribute('name', 'filterParam');
hiddenField.setAttribute('value',angular.toJson(input));
form.appendChild(hiddenField);
document.body.appendChild(form);
form.submit();

setTimeout(function() {
    try {
        window.stop();
    } catch (exception) {
        document.execCommand('Stop');
    }
}, 120000);

根据DOM interface对于表单元素，没有属性或方法可以在表单元素级别中止表单提交。