如何从此HTML代码中跟踪GET请求？

Question

填写下面的表格后点击提交，

<h1>Our Contact Form</h1>
        <hr>
        <form action="process_form.php" method="get">
            <p>
            Title: <input type="radio" name="title" value="mr"> Mr 
                   <input type="radio" name="title" value="mrs"> Mrs
            </p>
            <p>
                First name:<br>
                <input type="text" size="15" name="first_name">
            </p>
            <p>
                Sur name:<br>
                <input type="text" size="15" name="surname">
            </p>
            <p>
                Gender:
                <select>
                    <option value="select">Select Gender</option>
                    <option value="male">Male</option>
                    <option value="female">Female</option>
                </select>
            </p>
            <p>
                <input type="checkbox" name="newsletter"> Subscribe to my news letter
            </p>
            <p>
                <input type="reset" name="reset" value="Reset">
                <input type="submit" name="submit" value="Submit">
            </p>        
        </form>

GET语法：request-method-name request-URI HTTP-version

如何跟踪Chrome浏览器发送的GET命令请求？我们在Chrome浏览器的F12屏幕下有任何选项吗？

注意：初学者

Answer 1

要跟踪HTTP请求，请查看Chrome中开发人员工具中的网络标签。

更新：对于文件上传，您应该使用POST而不是GET。此外，您需要在表单上指定enctype="multipart/form-data"。

请参阅所需更改的更新小提琴：http://jsfiddle.net/79Lk4ztf/1/

这是我在你的小提琴中使用表单发出的POST请求的屏幕截图。在＆＃34;请求有效负载＆＃34;您可以在使用multipart / form-data

时构建请求中的数据

您访问数据的方式取决于您使用的服务器端技术。如果您使用的是PHP，那么您需要使用$_POST['first_name']来获取名字，并使用$_FILES['data']来访问上传的文件。

如果您使用的是ASP.NET，则可以分别使用Request.Form["first_name"]和Request.Files["data"]来访问相同的信息。

希望这有帮助。