使用MethodNotAllowedHttpException提交表单数据时出现错误ajax

的HTML

<form class="form-signin" id="loginForm" role="form" method="POST">
    // Form
</form>
<script>
        $('#loginForm').submit(function () {
            initLogin($('#email').val(),$('#password').val());
        });
</script>


的JavaScript

function initLogin(email, password) {

    $.ajax( {
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        },
        url:'loginModal',
        method:'POST',
        data: {
            strEmail: email,
            strPassword: password
        },
        success: function( bolUpdated ) {
            alert('yes');
        },
        fail: function() {
             alert('no');
        }
    });

}


路线

Route::post( 'loginModal', 'Auth\LoginController@loginModal' );

控制者

public function loginModal( Request $request ) {
    Log::info('test');
}


我尝试更改表单的类型,但是没有运气。知道可能是什么问题吗?

最佳答案

如果要使用ajax,则必须停止提交表单

    $('#loginForm').submit(function (e) {
        e.preventDefault(); //<-- here
        initLogin($('#email').val(),$('#password').val());
        return false; //<---- or here
    });


否则,表单将向当前页面发出发布请求(因为没有操作),而该页面没有发布请求的路由。

07-22 17:12