通过 JQuery 发布数据时 Laravel 路由不起作用

Question

我正在尝试使用 jquery 验证我的表单。提交时，Laravel 在 web.php 中找不到路由。当我之前只使用 model::Form 时，它起作用了.. 尝试了很多东西，但没有一个给我解决方案

编辑：419 执行已消失：现在面临 500 内部错误

web.php：

Route::post('/profile/sendmail', 'VendorController@send_mail')->name('profile.sendmail');

供应商控制器：

public function send_mail(Request $request){
        dd("test");
    }

contact.blade.php

<div class="events single-event">
    <div class="o-grid">
        <div class="o-grid__col u-6/12">
            <div class="o-grid__col u-12/12@sm">
                <h4>@lang('profile.contactTitle')</h4>
            </div>


            <div class="o-grid__col u-12/12@sm" id="alert_modal" style="margin-top: 150px; display: none">
                <div class="modal-body">
                    <h3>Alert</h3>
                    <h5 id="alert_message"></h5>
                </div>
                <input type="hidden" id="profile_id" value="{{ $profile->id }}">
            </div>


            <div class="o-grid__col u-12/12@sm">
                {!! Form::label('', __('profile.contactSalutation').'*') !!}
                @if( Session::get('urlLang') == "en" )
                    {!! Form::select(__('contact_contactSalutation'), array('Miss' => 'Miss', 'Sir' => 'Sir'),array('class' => 'c-dropdown c-dropdown__simple u-mb-x6'),['required' => 'required']) !!}
                @else
                    {!! Form::select(__('contact_contactSalutation'), array('Frau' => 'Frau', 'Herr' => 'Herr'),array('class' => 'c-dropdown c-dropdown__simple u-mb-x6'),['required' => 'required']) !!}
                @endif
            </div>
            <br>
        </div>
        <div class="o-grid__col u-6/12">
            <div class="o-grid__col u-12/12@sm">
                <p style="color: #696978; font-size: 14px; text-align: right">@lang('profile.mandatoryField')</p>
            </div>
        </div>
    </div>
    <div class="o-grid">
        <div class="o-grid__col u-6/12">
            <div class="o-grid__col u-12/12@sm">
                {!! Form::label('contact_first_name', __('profile.contactFirstName').'*') !!}
                {!! Form::text('contact_first_name', null, ['placeholder' => __('profile.contactFirstName'),'class' => 'c-input required','id' => 'contact_first_name','required']) !!}
            </div>
            <div class="o-grid__col u-12/12@sm">
                {!! Form::label('contact_e_mail', __('profile.contactEmail').'*') !!}
                {!! Form::text('contact_e_mail', null, ['placeholder' => __('profile.contactEmail'),'class' => 'c-input required email','id' => 'contact_e_mail','required']) !!}
                <span class="text-danger">{{ $errors->first('contact_e_mail') }}</span>
            </div>
        </div>
        <div class="o-grid__col u-6/12">
            <div class="o-grid__col u-12/12@sm">
                {!! Form::label('contact_last_name', __('profile.contactLastName').'*') !!}
                {!! Form::text('contact_last_name', null, ['placeholder' => __('profile.contactLastName'),'class' => 'c-input required','id' => 'contact_last_name','required']) !!}
            </div>
            <div class="o-grid__col u-12/12@sm">
                {!! Form::label('contact_phone', __('profile.contactPhone')) !!}
                {!! Form::text('contact_phone', null, ['placeholder' => __('profile.contactPhone'),'class' => 'c-input','id' => 'contact_phone']) !!}
            </div>
        </div>

        <div class="o-grid__col u-12/12">
            <div class="o-grid__col">
                {!! Form::label('text', __('profile.contactMessageInfo')) !!}
                {!! Form::textarea('contact_text',null,['class' => 'c-input c-input__text required','placeholder' => __('profile.contactMessageInfo'),'id' => 'contact_text','required']) !!}
            </div>
        </div>

        <div class="o-grid__col u-12/12">
            <input class="c-input__checkbox required" id="toc" type="checkbox" name="agree_to_toc" value="1" required>
            <label class="c-input__checkboxLabel p2" for="toc">
                {!! @trans('global.formTacInfo', [
                    'class' => 'c-link c-link__primary',
                    'link_datenschutz' => route('static.show', ['folder_id' => 28, 'slug' => "datenschutz"])
                    ]) !!}</label>
        </div>

        <div class="o-grid__col u-text-right">
            <button id="submit_contact_form" class="c-btn c-btn--small c-btn--red" type="submit" style="display: none" onclick="submitForm()">
                <span>@lang('profile.contactSendMessage')</span></button>
        </div>
    </div>
</div>

<script>
    $.ajaxSetup({
        headers: {
            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
        }
    });
    $('#toc').change(function() {
        if($(this).is(":checked")) {
            $('#submit_contact_form').show();
        }
        else{
            $('#submit_contact_form').hide();
        }
    })

    function submitForm() {
        var profile_id = $("#profile_id").val();
        $.ajax({
            method: 'POST',
            url: '{{route("profile.sendmail")}}',
            data: {profile_id: profile_id},
            dataType: "json",
            success: function(data){
                $('#alert_message').text(data.message);
                $('#alert_modal').show();
            },
            error: function(data){
                $('#alert_message').text(data.message);
                $('#alert_modal').show();
            }
        });
    }
</script>

Answer 1

419 状态通常与令牌问题有关。

尝试更改'_token'

到这里：

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

Answer 2

在您的发布路线上，您不需要在 URL 中传递变量：

将您的路线更改为：

Route::post('/profile/sendmail', 'VendorController@send_mail')->name('profile.sendmail');

还有ajax请求：

    $.ajax({
                    method: 'POST',
                    headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: '{{route("profile.sendmail")}}',
                    data: {profile_id_var: profile_id_var},

在您的控制器上：

$request->get('profile_id_var');

Answer 3

我认为您的行 data: profile_id_var 不正确，因为您使用 profile_id 参数（而不是 profile_id_var）定义了您的路线。

如果您尝试data: { profile_id: profile_id_var } 会怎样？

Answer 4

$.ajax({
      url: '/post-comments',// the right way;
      url: 'post-comments' // the wrong way because its call the route when we are and not the route when we need to send.