如何从网页提取用户输入并传递给Python脚本？解决POST报错

方案一：改造Python服务器支持POST请求 #

默认的http.server.HTTPRequestHandler没有实现POST方法，这就是你遇到501错误的核心原因。你需要自定义处理器类，重写do_POST方法来处理表单提交的数据，完整实现如下：

服务器端代码 #

from http.server import HTTPServer, BaseHTTPRequestHandler
import urllib.parse

class CustomHandler(BaseHTTPRequestHandler):
    def do_GET(self):
        # 处理GET请求，返回表单页面
        if self.path == '/':
            self.send_response(200)
            self.send_header('Content-type', 'text/html')
            self.end_headers()
            form_html = """
            <html>
                <body>
                    <form method="POST" action="/">
                        <label for="firstname">输入你的名字:</label>
                        <input type="text" id="firstname" name="firstname" required>
                        <button type="submit">提交</button>
                    </form>
                </body>
            </html>
            """
            self.wfile.write(form_html.encode('utf-8'))

    def do_POST(self):
        # 解析POST表单数据
        content_length = int(self.headers['Content-Length'])
        post_data = self.rfile.read(content_length).decode('utf-8')
        parsed_data = urllib.parse.parse_qs(post_data)
        firstname = parsed_data.get('firstname', [''])[0]

        # 返回带问候语的响应页面
        self.send_response(200)
        self.send_header('Content-type', 'text/html')
        self.end_headers()
        response_html = f"""
        <html>
            <body>
                <h1>Hello {firstname}!</h1>
                <a href="/">返回重新输入</a>
            </body>
        </html>
        """
        self.wfile.write(response_html.encode('utf-8'))

if __name__ == '__main__':
    server_address = ('', 8000)
    httpd = HTTPServer(server_address, CustomHandler)
    print('服务器运行在 http://localhost:8000')
    httpd.serve_forever()

关键说明 #

• 自定义CustomHandler继承自BaseHTTPRequestHandler，分别实现do_GET（返回表单页面）和do_POST（处理提交数据）
• 使用urllib.parse.parse_qs解析POST表单参数，提取用户输入的firstname
• 直接生成包含问候语的HTML响应内容返回给浏览器

方案二：纯HTML+JavaScript前端实现（无需后端） #

如果不需要后端参与数据处理，直接在前端就能完成输入显示需求，代码如下：

<!DOCTYPE html>
<html>
<body>
    <label for="firstname">输入你的名字:</label>
    <input type="text" id="firstname" required>
    <button onclick="showGreeting()">提交</button>
    <h1 id="greeting"></h1>

    <script>
        function showGreeting() {
            const firstname = document.getElementById('firstname').value;
            document.getElementById('greeting').textContent = `Hello ${firstname}!`;
        }
    </script>
</body>
</html>

说明 #

• 通过JavaScript的getElementById获取输入框的值
• 点击按钮后直接在页面的<h1>标签中渲染问候语，完全不需要后端服务器支持

内容的提问来源于stack exchange，提问作者TheFloof