javascript - 如何使用for循环在javascript中做表单提交？

Question

我在 chrome 的控制台中编写了一个 javascript 来从网络上下载许多文件。 javascript如下:

for (i=0; i<100; i++) {
$("input[name=id]").val(i);
$("form").submit()
}

我以为我可以下载所有id从0到99的文件；但是，我能够下载的只是最后一个文件(即 id = 99 的文件)。为什么会这样？

Answer 1

我认为您缺少回复。当您调用第一个表单时，浏览器启动连接，但在此之后，您请求第二个表单。取消第一个。

您需要使用 AJAX 调用该表单，以将每个请求和相应的响应存储在某个变量中。

您的问题就像您在加载第一个链接之前单击页面中的太多链接。最后加载的链接是最后一次点击。

试试这个解决方案:

你需要在调用之间保持一些时间来处理响应和开始下载，所以写一个这样的函数:

function submitFormAndWait(i) {
    //this is your code to submit
    $("input[name=id]:hidden").val(i);
    $("form").submit()
    //wait some time and call next form
    if (i < 100) {
        setTimeout(function(){ submitFormAndWait(i + 1); }, 3000);
    }
}

可能的问题:

当您在浏览器中提交表单时，这会将响应加载为当前页面，而脚本将从零开始。