jquery - 当没有收到请求的响应时会发生什么？我正在重试

Question

我认为我的问题可能更多是与浏览器相关的问题，但它是一个非常基础的问题，我也想在尝试构建 Web 应用程序时找到答案。

在我的客户端代码中，我正在执行一个 $.ajax 调用。这篇文章可能需要一段时间才能回复。我看到的是在一定时间后再次发送请求。

我以为是我的$.ajax调用又发送了，但是无论我在服务器上看到多少次POST请求，我都只看到beforeSend回调调用一次。我相当确定我的代码不会多次发送它，所以我认为它是浏览器重试？

我知道我的服务器在运行 Wireshark 时多次收到请求，并且可以多次看到发布请求。所以我的假设是这与 HTTP 有关？即，如果在一定时间内未收到响应，则重新发送请求？

下面是我的通话示例。

$.ajax({
                    async: false,
                    type: 'POST',
                    url: '<%= url_for('importDevice') %>',
                    data: { device: val },
                    retryLimit: 0,
                    //callback
                    success: function(data) {
                    alert('calling import');
                    if ( data == 'nomaster')
                    {
                            // Display a warning  toast, with a title
                            toastr.warning('You must set the Master Key first!', 'Warning');
                            $.ismasterset = false;
                            //reset the form contents after added
                    } else
                    {
                            $("div#content").html(data);
                    }
                    },
                     beforeSend: function(){
                    alert('in before send');
                    }
            });

这是所有相关代码，'retryLimit' 没有被使用，我只是没有从我的代码中删除它，是的，在我放入它之前问题就已经存在了。

使用客户端和服务器的输出进行编辑。

好的，我安装了“用于 Firefox 的 Live Http header ”。

在“生成器”选项卡中，我看到了一个调用

'#request# POST http://testhost/importdevice' 

虽然我在“ header ”部分没有看到 POST，也许那是因为没有响应？

在我的网络服务器中，我看到 2 个调用间隔大约 22 秒。

[Sun Jan 13 03:08:45 2013] [debug] POST /importdevice (Mozilla/5.0 (Macintosh; Intel Mac OS X 10.8; rv:17.0) Gecko/20100101 Firefox/17.0).

[Sun Jan 13 03:09:07 2013] [debug] POST /importdevice (Mozilla/5.0 (Macintosh; Intel Mac OS X 10.8; rv:17.0) Gecko/20100101 Firefox/17.0).

我也可以在 wireshark 中看到这些相同的调用...

这就是为什么我问这是否是正常行为，如果响应没有返回，以类似于 TCP 握手和 SYN 重传的方式尝试重新发送请求。

新更新

它似乎与我的 Ajax 调用没有任何关系。如果我创建一个带有简单 HREF 的按钮。

即

<a href="/importdevice?device=serverA" class="btn btn-success">TestDirect</a>

然后在我的“实时 HTTP header 输出中，我得到...只有一个实例。”

#request# GET http://172.16.118.15/importdevice?device=serverA

但是我又一次在我的服务器日志中得到了。

[Sun Jan 13 03:20:25 2013] [debug] GET /importdevice (Mozilla/5.0 (Macintosh; Intel Mac OS  X 10.8; rv:17.0) Gecko/20100101 Firefox/17.0).
[Sun Jan 13 03:20:48 2013] [debug] GET /importdevice (Mozilla/5.0 (Macintosh; Intel Mac OS X 10.8; rv:17.0) Gecko/20100101 Firefox/17.0).

并且在服务器上的 wireshark 中，我也看到了两次...正如预期的那样，我的服务器代码也被调用了两次...这让我感到非常困惑。

Answer 1

查看这篇解释正在发生的事情的博文: http://geek.starbean.net/?p=393

根据 HTTP/1.1 RFC 8.2.4 :

If an HTTP/1.1 client sends a request which includes a request body, but which does not include an Expect request-header field with the “100-continue” expectation, and if the client is not directly connected to an HTTP/1.1 origin server, and if the client sees the connection close before receiving any status from the server, the client SHOULD retry the request.

确保您设计的网络应用能够容忍这些额外的请求。而如果你希望ajax请求只做一次某事，比如向数据库写入一些东西，那么你需要将请求设计为幂等的。请参阅:What is an idempotent operation?

此外，这突出了 GET 和 POST 操作之间的区别: http://www.cs.tut.fi/~jkorpela/forms/methods.html

作为一般设计实践:
-GET操作应该设计成幂等的
-POST操作应该用于写入数据库等。