Laravel 4 Ajax調用不能正常工作獲取重定向到像正常操作

Question

我想通過我的Laravel 4應用程序中的Ajax提交表單。

問題：我只是重定向到路由。所以沒有發送Ajax呼叫。表單就像一個正常的表單一樣工作。

的形式爲：

{{ Form::open(array('route' => 'ajax.profile.edit', 'method' => 'post', 'id' => 'edit-profile')) }} 

JS代碼在我看來：

$(document).ready(function($){ 
    $('#edit-profile').on('submit', function() { 
     //Form is located in a Modal, so first hide it 
     $("#form-primary").niftyModal('hide'); 
     //Show a modal with a "loading" note 
     $('#processing-modal').modal('show'); 

     $.post(
      $(this).prop('action'), 
      { 
       "_token": $(this).find('input[name=_token]').val(), 
       "displayname": $('#displayname').val(), 
       "bio": $('#bio').val(), 
       "expertise": $('#expertise').val(), 
       "location": $('#location').val(), 
      }, 
      function(data) { 
       //now hide the "loading" note and alter the success message. 
       $('#processing-modal').modal('hide'); 
       alert(data.msg); 
      }, 
      'json' 
     ); 
     return false; 
    }); 

}); 

Answer 1

這應該工作，我用完全相同的方式（通過AJAX提交Laravel表單）。

$('#edit-profile').submit(function (event) { 
     var form = $(this); 
     $.ajax({ 
      type: form.attr('method'), 
      url: form.attr('action'), 
      data: form.serialize() 
     }).done(function (data) { 

      // on success 

     }).fail(function (data) { 

      // on error 

     }); 
     event.preventDefault(); 
}); 

Answer 2

您需要包括event.preventDefault();防止形式以傳統的方式提交。 event傳遞提交的回調函數。

$(document).ready(function($){ 
    $('#edit-profile').on('submit', function(event) { 

     event.preventDefault(); 

     /* The rest of your code */ 


     return false; 
    }); 

});