如何查看Web表单submit按钮触发的传输内容与方式并实现自动提交？

Hey there! Let's break this down step by step—you've got this, I promise.

The easiest way to figure out how your input is sent is using your browser's developer tools, no fancy code needed yet:

• Open the form page, hit F12 or right-click and select "Inspect" to open dev tools, then switch to the Network tab
• Click the trash icon to clear existing requests, so you can focus on the submit action
• Manually fill the input box and click submit
• Look for the new request that pops up (it’ll usually match the form’s purpose, and you’ll see GET or POST as the request method). Click into it to view details:
  • Check the Payload (Chrome) or Form Data (Firefox) tab: This shows exactly what data is sent—for example, if your input has a name attribute of query, you’ll see query=your-input-text here
  • Check key headers in the Headers tab:
    • Request Method: Tells you if data is sent via GET (appended to the URL) or POST (sent in the request body)
    • Content-Type: Usually application/x-www-form-urlencoded for basic forms—this tells the server how to parse your data
    • Cookie (if login is required) and User-Agent (browser identifier, some sites block requests without this)

I’ll cover two scenarios depending on your needs:

场景1：临时快速测试（Browser Console） #

If you just need to run this occasionally, use your browser’s console:

• Open the form page, go to the Console tab in dev tools
• Grab the input element: Use const input = document.querySelector('input[name="replace-with-your-inputs-name"]') (swap the name with your actual input’s name attribute)
• Fill the input: input.value = "your-auto-fill-text"
• Trigger the submit button: document.querySelector('button[type="submit"]').click() (if the button is an <input> tag, use input[type="submit"] instead)

场景2：Automated Script (Example with Python) #

For repeated use, a script is better. Here’s a simple example using Python’s requests library:

import requests

# Replace with the submit URL you found in the Network tab
submit_url = "https://your-site.com/form-submit-endpoint"
# Replace with your form data—key = input's name attribute, value = your text
form_data = {
    "input-name": "your-auto-fill-content"
}
# Replace with headers from your request (at minimum, include User-Agent to mimic a browser)
headers = {
    "User-Agent": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/118.0.0.0 Safari/537.36",
    # Add Cookie here if the site requires you to be logged in (copy from Network tab)
    # "Cookie": "session-id=xxxxxx; auth-token=yyyyyy"
}

# Use requests.post for POST methods, requests.get for GET (use params instead of data for GET)
response = requests.post(submit_url, data=form_data, headers=headers)
# Print the server's response to check if it worked
print(response.text)

Quick Heads-Up for Common Hurdles #

• Some sites use a CSRF token: You’ll need to grab this from a hidden input on the form page (e.g., document.querySelector('input[name="csrf-token"]').value) and add it to your form_data
• For logged-in sites, use requests.Session() to persist cookies instead of manually copying them each time
• If it’s a GET request, pass your data to the params argument instead of data

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