javascript - Wie debugge ich beim Absenden eines Formulars?

Question

Hinweis: Ich spreche nicht von der simulierten Ajax-Formularübermittlung, sondern von der direkten Übermittlung des Originalformulars.
Wie debuggen Sie beim Absenden eines Formulars das Frontend, um festzustellen, ob die Werte im Formular übergeben werden?

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();                //阻止表单提交
});