更新资源AJAX Laravel 5

Question

我被Ajax困住了，我不知道为什么每次ajax调用都会返回错误。我的更新方法甚至没有检测到ajax请求。我以前从来没有做过ajax，但是我理解它背后的逻辑，所以原谅我的无知，如果我要求愚蠢的东西。

  Route::post('edit/organisation/{id}',['uses' => 'OrganisationsController@update', 'as' => 'admin.organisation.update']);

以下是我的控制器方法：

 public function update($route = null, $id, \Illuminate\Http\Request $request)
    {
        $org = Organisation::find($id)->first();
        if($request->ajax())
        {
            dd('OK ITS AJAX');

        }
        if($org->update($request->all()))
        {
            //return redirect('admin/dashboard');
            return redirect()->back();
        }
    }

这是我的ajax

$(document).ready(function()
{
var form = $('.update_ajax');
form.bind('submit',function()
{

    $.ajax({
       type: form.attr('method'),
        url: form.attr('action'),
        data: form.serialize(),
        success: function(data)
        {
            alert(data);
        },
        error: function(data)
        {
            console.log('error');
        }
    });

});
});

这是我的HTML

  {!! Form::model($org,['route' => ['admin.organisation.update',Route::input('name'), $org->id],'class' => 'update_ajax' ]) !!}


            {!! Form::label('name','Nom') !!}
            {!! Form::text('org_name',null,['class'=> 'form-control'])!!}
            {!! Form::label('org_type','Type') !!}
            {!! Form::text('org_type',null,['class'=> 'form-control'])!!}
            {!! Form::label('siren','Numéro de SIREN') !!}
            {!! Form::text('org_siren',null,['class'=> 'form-control']) !!}

            {!! Form::label('org_ape_naf','Numéro APE NAF') !!}
            {!! Form::text('org_ape_naf',null,['class'=> 'form-control']) !!}
            {!! Form::submit('Appliquer',['class' => 'submit-data-btn']) !!}


            {!! Form::close() !!}

Answer 1

当您单击submit按钮时，并不能防止默认情况发生，该按钮每次都会阻止AJAX完成并强制其进入错误方法。它还解释了为什么在PHP中，$request->ajax()返回false。

form.bind('submit',function(e)
{
    e.preventDefault();
    $.ajax({
        type: form.attr('method'),
        url: form.attr('action'),
        data: form.serialize(),
        success: function(data) {
            console.log(data);
        },
        error: function(data) {
            console.log('error');
        }
    });
});