javascript - Laravel 通过 ajax 注册

Question

我正在尝试通过 laravel 中的 ajax 进行用户注册过程。但我无法做到这一点。

路线

Route::get('/register', 'Auth\AuthController@getRegister')->name('register');
Route::post('/register', 'Auth\AuthController@postRegister')->name('postRegister');

HTML 表单

<form action="{{ route('postRegister') }}" method="POST" id="registerForm">
    <h4>REGISTER NOW</h4>
    <hr><br>
    <input type="text" name="name" class="form-control" placeholder="Name">
    <br>
    <input type="number" name="student_id" class="form-control" placeholder="Student ID">
    <br>
    <input type="email" name="email" class="form-control" placeholder="Email address">
    <br>
    <input type="number" name="phone" class="form-control" placeholder="Phone no">
    <br>
    <input type="password" name="password" id="password" class="form-control" placeholder="Choose password">
    <br>
    <input type="password" name="password_confirmation" class="form-control" placeholder="Confirm password">
    <br>
    <div class="row">
        <div class="col-md-12 text-right">
            <button type="submit" class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect" id="registerButton"><span id="regLoader" style="display: none"><i class="fa fa-spinner fa-pulse"></i><span class="sr-only">Loading...</span>&nbsp;</span>
            Register</button>
        </div>
    </div>
    {{ csrf_field() }}
</form>

JS

$('#registerForm').submit(function(e){
    e.preventDefault();

    $.ajax({
        type: 'POST',
        url: '/register',
        data: $(this).serialize(),
        dataType: 'json',

        success: function(data){

        },
        error: function(data){

        }
    });
});

Answer 1

我认为您需要更改代码，例如:

jQuery(function($) {
   $('#registerForm').submit(function(e){
        e.preventDefault();

     $.ajax({
          url: $form.attr('action'),
          data: $(this).serialize(),
          dataType: 'json',

         success: function(data){

         },
          error: function(data){

         }
      });
    });
});