javascript - 提交form表单的时候怎么调试？

Question

注意：我说的不是ajax模拟form提交，我说的是原始的表单直接submit。
提交form表单的时候前端怎么调试查看表单里面的值都有没有传过去？

Answer 1

看提交的请求肯定是看Network. 你肯定是提交之后浏览器跳转在请求下面找不到你form提交的请求，可以勾选Network -> Preserve log, 就会把你form提交的请求记录下来。然后看请求的数据就OK啦

Answer 2

大部分浏览器都是支持开发者工具的，在其【Network】下，可以找到对应文件(表单处理页面)的头信息：

Answer 3

form表单提交一般会做页面跳转，表单提交后在跳转的页面打开F12调试工具中的Network,找到页面请求就能查看。如果不想这样做，那可以在页面中给表单绑定onsubmit方法，在方法中查看，代码如下：

$('form').submit(function(e){
    var data = $(this).serialize();    //序列化表单
    console.log(data);                 //打印表单数据
    e = e || window.event;
    e.preventDefault();                //阻止表单提交
});