1

jQueryを使用してSinatraアプリにフォームを送信しようとしていますが、AJAXを介してPOSTすると、Sinatraアプリに空白のページが表示されます。同じページにとどまり、javascriptで指定したコンテンツを更新したいと思います。これが私のコードです。

post '/register' do
  register( params )
end
get '/register' do
  haml :register
end

そして、これがhamlファイルの私のjavascriptです：

:javascript
        $(function() {
                $("button#submit").click(function(){
                        $.ajax({
                                type: "POST",
                                url: "/register",
                                data: $('form.register').serialize(),
                                success: function(){
                                        $("#message").html("Successfully registered")
                                },
                                error: function(){
                                        $("#message").html("Not Successful")
                                }
                        });
                });
        });
4

1 に答える 1

5

これを試して、

$(function() {
  $("form#the_id").submit(function(e){
    e.preventDefault();

    $.ajax({
      type: "POST",
      url: "/register",
      data: $('form.register').serialize(),
      success: function(){
        $("#message").html("Successfully registered")
      },
      error: function(){
        $("#message").html("Not Successful")
      }
    });
  });
});

$("form#the_id").submit(...フォームの送信を検出します。e.preventDefault();フォームの送信を防ぎます。残りはAjaxリクエストを送信します。

#the_idフォームIDに変更することを忘れないでください。

于 2013-03-13T12:51:35.547 に答える