jquery - 春にjqueryを使用してフォームを送信し、コントローラーメソッドでフォーム内のデータを取得する方法

Question

jqueryを使用してフォームを送信したいと同時に、フォームデータ全体をコントローラーに送信し、コントローラーでそのフォームデータを取得する方法

これがフォームだとします

 <form action="#" id="userForm">
<span>userName :</span> <input type="text" id="userName"/>
<span>password :</span> <input type="password" id="password"/>
<input type="button" id="submit" value="submit">
</form>

これはjqueryコードです

$("#submit").click(function() {
        $.post("login.html", {

        }, function(data) {

        });
        return false;
    });

これはコントローラーメソッドです

 @RequestMapping(value = "/login.html", method = RequestMethod.POST)
        public @ResponseBody
        String login(HttpServletRequest request)
                throws Exception {
    return "success";
    }

Answer 1

URL $post() にコントローラーへのリンクを追加するのを忘れていたと思います。したがって、ログイン メソッド内でロジックを実行する必要がある場合は、正確な URL を指定する必要があります。可能な修正を参照してください。

$("#submit").click(function() {
        $.post("/nameOfController/login.html", {  
 
        }, function(data) {

        });
        return false;
    });