on jqueryトリガーで送信未知RangeError

Question

これを達成するために、AJAXを使用してフォームを投稿しようとしていますが、私はjQueryを使用しています。私はこのために書いたコードは以下の通りである。

私は実際にフォームを送信しようとすると、十分な

$("#addStaffForm").on("submit", function(event) { 
    event.preventDefault(); 

    var formPost = $.post("/medewerkers-toevoegen", { 
     "_token": $("input[name=_token]"), 
     "voorletters": $("input[name=voorletters]"), 
     "tussenvoegsels": $("input[name=tussenvoegsels]"), 
     "achternaam": $("input[name=achternaam]"), 
     "gebruikersnaam": $("input[name=gebruikersnaam]"), 
     "wachtwoord": $("input[name=wachtwoord]") 
    }); 

    formPost.done(function(data) { 
     console.log("data"); 
    }); 
}); 

シンプルな、しかし、私はこれを取得：このエラーは可能性があり、なぜ

Uncaught RangeError: Maximum call stack size exceeded 
    at Function.type (jquery.min.js:1) 

私は見当がつかない私に与えられた唯一の説明は私が無限ループを作っていることですが、私はそれを見つけることができません。

この小さくてシンプルなコードは、私が望むようにうまくいかないことがありますか？

おかげ

Answer 1

が答えを見つけてみてください！私は実際に入力値の代わりにjquery要素全体を送信していることを忘れていました。

$("#addStaffForm").submit(function(e) { 
     e.preventDefault(); 
     var token = $("input[name=_token]").val(); 
     var voorletters = $("input[name=voorletters]").val(); 
     var tussenvoegsels = $("input[name=tussenvoegsels]").val(); 
     var achternaam = $("input[name=achternaam]").val(); 
     var gebruikersnaam = $("input[name=gebruikersnaam]").val(); 
     var wachtwoord = $("input[name=token]").val(); 


     $.post("/medewerkers-toevoegen", { 
      "_token": token, 
      "voorletters": voorletters, 
      "tussenvoegsels": tussenvoegsels, 
      "achternaam": achternaam, 
      "gebruikersnaam": gebruikersnaam, 
      "wachtwoord": wachtwoord 
     }, function(data) { 
      console.log(data); 
     }, function(data) { 
      console.log(data); 
     }); 
    }); 

私のために働きます！

Answer 2

あなたはこの

var params = { 
     "_token": $("input[name=_token]").val(), 
     "voorletters": $("input[name=voorletters]").val(), 
     "tussenvoegsels": $("input[name=tussenvoegsels]").val(), 
     "achternaam": $("input[name=achternaam]").val(), 
     "gebruikersnaam": $("input[name=gebruikersnaam]").val(), 
     "wachtwoord": $("input[name=wachtwoord]").val() 
    } 
    var formPost = $.post("/medewerkers-toevoegen", params);