javascript - Comment déboguer lors de la soumission d'un formulaire?

Question

Remarque : je ne parle pas de soumission de formulaire simulé ajax, je parle de soumission directe du formulaire original.
Lors de la soumission d'un formulaire, comment déboguer le front-end pour voir si les valeurs du formulaire sont transmises ?

Answer 1

Vous devez regarder la demande soumiseNetwork. Vous devez être sûr que le navigateur saute après la soumission et ne trouve pas la demande soumise par votre formulaire sous la demande. Vous pouvez vérifier Réseau -> Conserver le journal, et la demande soumise par votre formulaire le sera. être enregistré. Descendez. Ensuite regardez les données demandées et c'est OK

Answer 2

La plupart des navigateurs prennent en charge les outils de développement. Sous [Réseau], vous pouvez trouver les informations d'en-tête du fichier correspondant (page de traitement du formulaire) :

Answer 3

La soumission du formulaire entraîne généralement un saut de page. Une fois le formulaire soumis, ouvrez le réseau dans l'outil de débogage F12 sur la page sautée et recherchez la demande de page pour l'afficher. Si vous ne souhaitez pas faire cela, vous pouvez lier la méthode onsubmit au formulaire sur la page et l'afficher dans la méthode. Le code est le suivant :

.

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