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