XMLHttpRequest 创建几个传出端口 - 为什么？答案

【问题标题】：XMLHttpRequest creates several outgoing ports - why?XMLHttpRequest 创建几个传出端口 - 为什么？
【发布时间】：2015-12-09 21:49:44
【问题描述】：

我是 JavaScript 和 AJAX 的新手。对一般网络通信来说也是新手。

我正在尝试创建一个与 Python 服务器通信的动态更新网页。我一直在本地测试所有内容，到目前为止一切正常。我认为。

Python 服务器在 localhost 端口 8000 上提供“page.html”。HTML 页面使用 AJAX 和 XMLHttpRequest 将数据 POST 到服务器。我可以向服务器发送数据就好了。

问题出在这里：我的服务器表明，对于每个帖子，都会打开一个新的客户端端口。这让我很害怕，因为我习惯了在单个端口上进行通信的 TCP 套接字。

这是服务器代码（server.py）：

import cgi
import http.server
import urllib
import socketserver

class ServerHandler(http.server.SimpleHTTPRequestHandler):
    def do_POST(self):
        ctype, pdict = cgi.parse_header(self.headers['content-type'])
        length = int(self.headers['content-length'])
        postvars = urllib.parse.parse_qs(self.rfile.read(length).decode('utf-8'))
        ip, port = self.client_address
        print(ip, "@", port, "-->", postvars)

def start_server():
    httpServer = socketserver.TCPServer(("", 8000), ServerHandler)
    httpServer.serve_forever()

if __name__ == "__main__":
    start_server()

这是 HTML 代码 (page.html)：

<html>
    <head></head>
    <body>
        <script type="text/javascript">
            function send_receive() {
                var http = new XMLHttpRequest();
                var data = document.test_form.data.value;
                var params = "data=" + data.toString();

                http.open("POST", "page.html", true);
                http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
                http.setRequestHeader("Content-length", params.length);
                http.setRequestHeader("Connection", "close");
                http.send(params);
            }
        </script>

        <form name=test_form>
            Data: <input type="text" name="data" value="1">
            <input type=button onClick="send_receive();" value="Send"><br /><br />
        </form>
    </body>
</html>

这是在页面上发送 1 到 6 后的服务器输出。

127.0.0.1 @ 52884 --> {'data': ['1']}
127.0.0.1 @ 52885 --> {'data': ['2']}
127.0.0.1 @ 52886 --> {'data': ['3']}
127.0.0.1 @ 52887 --> {'data': ['4']}
127.0.0.1 @ 52888 --> {'data': ['5']}
127.0.0.1 @ 52889 --> {'data': ['6']}

要测试启动 server.py，然后转到浏览器并输入

http://localhost:8000/page.html OR http://127.0.0.1:8000/page.html

您可以看到每个 POST 的端口增量。有什么我做错了吗？我觉得 XHR 挥之不去，需要关闭，但从我在网上阅读的内容来看，显然每个 POST 都需要创建一个新的 XHR。谢谢！

【问题讨论】：

标签： javascript python ajax post xmlhttprequest

【解决方案1】：

没关系。 服务器从其可用端口池中为此类端口选择一个新的源端口 - 这确保了每个 HTTP 请求和它建立的相应 TCP 连接的唯一 TCP connection tuple。（服务器选择它用于传入连接的源端口。）

不保证会使用相同的客户端端口 - 事实上，相同的源端口不能用于相同的源 IP，除非 TCP 连接已经全封闭；这包括TIME_WAIT¹ 中的那些。由于 TCP 连接完全关闭，源端口将被释放回可用池。

不同的源端口不表示存在问题；并且增加的值仅仅是一个实现（和可用的池）细节。另一方面，从不关闭的连接可能是个问题。使用netstat 命令查看 TCP 连接及其状态。

¹在具有过多从同一远程 IP 快速创建连接的系统上，可能需要启用 'port reuse'。

"Coping with the TCP TIME-WAIT state on busy Linux servers" 文章值得一读；它包括漂亮的图表、良好的解释和对实际限制的讨论。

【讨论】：

感谢您的解释。我使用 netstat 看了一下，我看到了几分钟获得的端口（当时它们是“TIME_WAIT”），然后它们被释放了。我担心的是我希望使用 POST 以快速（100 毫秒）更新网页上的绘图。我担心这样做我会吃掉一吨的港口。有没有办法强制使用单个端口，或者几秒钟后关闭客户端的 TCP 连接？
@radian 通常只有在短时间内处理来自同一源 IP 的 [成千上万] 个请求时才会出现问题。 TCP 连接详细信息本身由网络/驱动程序控制并自动“关闭”（可以使用各种设置，以及强制重用）-此外，发现这个有趣的阅读 vincent.bernat.im/en/blog/2014-tcp-time-wait-state-linux.html（图片很方便）
@radian 话虽如此，您可能对“长轮询”、COMET 或 WebSockets 感兴趣，以替代创建 600 个连接/分钟（尤其是当有多个人试图做同样的事情时!) :}

【解决方案2】：

好吧，我相信你没有做错任何事。只是你误解了self.client_address中的值

self.client_address 中的端口不是您服务器上的端口，而是用户机器上用于与 Web 服务器通信的端口。

您还可以在此处查看有关端口的一些有用信息：（请检查标记为[正确答案]的答案）

How do multiple clients connect simultaneously to one port, say 80, on a server?

【讨论】：