I'；在尝试使用jQuery和ajax提交表单时，我在RouteCollection.php中得到了MethodNotAllowedHttpException_Jquery_Ajax_Laravel 5.2

I'；在尝试使用jQuery和ajax提交表单时，我在RouteCollection.php中得到了MethodNotAllowedHttpException

jquery ajax

I'；在尝试使用jQuery和ajax提交表单时，我在RouteCollection.php中得到了MethodNotAllowedHttpException,jquery,ajax,laravel-5.2,Jquery,Ajax,Laravel 5.2,正如本主题中提到的，在尝试使用jQuery和ajax提交表单时，我在RouteCollection.php中得到了MethodNotAllowedHttpException 我在routes.php文件中尝试了以下内容 Route::post('/send/', 'CommsController@send'); Route::post('/send', 'CommsController@send'); 及控制器 use App\Http\Controllers\Controller; c

正如本主题中提到的，在尝试使用jQuery和ajax提交表单时，我在RouteCollection.php中得到了MethodNotAllowedHttpException

我在routes.php文件中尝试了以下内容

Route::post('/send/', 'CommsController@send');

Route::post('/send', 'CommsController@send');

及

控制器

use App\Http\Controllers\Controller;

class CommsController extends Controller
{
    protected function send(Request $request);
    {
        return response($request);
    }
}

public function send(Request $request)
{
    // return view('contact.contact');
    return view('contact.contact')->with('data', json_encode($request));
}

jQuery ajax

if ( isValid ) {
    $( ".validation-summary" ).html( "Sending message..." );

    var data = "";

    data = "message_type=contact"
        + "&first_name=" + first_name.val()
        + "&last_name=" + last_name.val()
        + "&email=" + email.val()
        + "&message=" + message.val()

    $.ajax({
        type: "post",
        url: "send",
        data: data,
        error: function( response ) {
            $( ".validation-summary" ).removeClass( "success" );
            $( ".validation-summary" ).addClass( "validation-summary error" );
            $( ".validation-summary" ).html( "Error" );
        },
        success: function() {
            $( ".validation-summary" ).html( "Message sent." );
        }               
    });
    return false;
} else {
    return false;
}

<head>
    <meta id="csrf_token" name="csrf_token" content="{{ csrf_token() }}">
</head>

$( document ).ready(function() {
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });

    ....

    $.ajax({
        type: "POST",
        url: postAction,
        data: JSON.stringify(postData),
        dataType: 'json',
        encode: true
    }).done(function(response) {
        // log data to the console so we can see
        console.log(response); 

        // here we will handle errors and validation messages
        if ( ! response.success ) {
            valSum.removeClass( "success" );
            valSum.addClass( "validation-summary error" );
            valSum.html( response.errors );
        } else {
            // $( ".validation-summary" ).html( "Message sent." );
            valSum.html( response.message );
        }
    })
    .fail(function(response) {
        valSum.removeClass( "success" );
        valSum.addClass( "validation-summary error" );
        valSum.html( "Server Error: " + response.statusText + " processing your request, please contact Dorothea or report a bug." );
    });

谢谢。

在Laravel 5.2中，您需要在

web

中间件中设置路由，我假设您已经将

post

路由放置在中间件中：

Route::group(['middleware' => ['web']], function() {

    Route::post('/send', 'YourController@methodName');

});

如果我在您的位置，我会做一些其他的事情，尽管与您的代码所做的类似

jQuery

(function() {
    // replace $('.btnSubmit') with whatever you want
    $('.btnSubmit').click(function(e) {
        var form       = $('#yourFormId'),
            postAction = form.attr('action'),
            postData   = form.serialize();

        $.ajax({
            type: 'POST',
            url: postAction,
            data: postData,
            success: function(res) {
                console.log(res);
            },
            error: function(res) {
                console.log('Error:' + res);
            }
        });

        return false;
    });
})();

我所做的：

将动作参数直接放在表单中，而不是在jQuery AJAX中定义它

序列化表单的输入值并发布相同的值

使用了自调用匿名函数

只是一个旁注：

您正在重复

$（'.validation summary'）

5次。这意味着您违反了不推荐的。解决方案：

var valSum = $('.validation-summary');

然后在中，您可以在该代码段中使用它的次数

希望这对你有所帮助。快乐编码。干杯。