在 laravel 5.4 中使用 ajax 插入数据

Question

我在 laravel 方面并没有那么先进。我想在不刷新的情况下使用 jquery ajax 插入数据我也尝试在 google 中找到解决方案。我知道我的帖子看起来像是零努力。但我正在尝试这几天。这是我的代码。提前致谢。

recruitment.blade.php

<form id="frm" method="POST" action="{{ url('post_job') }}">
     {{ csrf_field() }}

     <input name="title" type="text" required /> <br>
     <input name="nature" type="text" required /> <br>
     <textarea rows="4" cols="50" name="description" required></textarea>

     <input type="submit" name="" value="Update post">
</form>

web.php(路由)

Route::POST('/post_job', 'RecruitmentController@store');

控制器

public function store(Request $request)
{
 $recruitment = new recruitment() ;
 $recruitment->title = $request->get('title');
 $recruitment->nature = $request->get('nature');
 $recruitment->description = $request->get('description');
 $recruitment->save();

 Session::flash('msg','Post done successfully');
 return redirect('/recruitment');
 }

Ajax

<script>

function saveToDatabase()
{

    select = $(this).serialize();
    $('#frm').live("change", function ()
    {
        // POST to php script
        $.ajax
        ({
            type: 'POST',
            url: '/post_job',
            data:{selected:select}
        }).then(function(data){alert(data)});
    });
}

$(document).ready(function()
{
    saveToDatabase();
});

Answer 1

控制器： Json响应见doc

public function store(Request $request)
{
 $recruitment = new Recruitment;
 $recruitment->title = $request->get('title');
 $recruitment->nature = $request->get('nature');
 $recruitment->description = $request->get('description');
 $recruitment->save();

 // Session::flash('msg','Post done successfully');
 // return redirect('/recruitment');
   return response()->json( [ 'msg' => 'Post done successfully' ] );
 }

在头部标签中

<meta name="csrf-token" content="{{ csrf_token() }}" >

阿贾克斯 ajax请求见X-CSRF-TOKEN

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

function saveToDatabase() {
    $( '#frm' ).submit( function( e ) {
        e.preventDefault();
        var select = $( this ).serialize();
        // POST to php script
        $.ajax( {
            type: 'POST',
            url: '/post_job',
            data: select
        }).then( function( data ) {
            alert( data )
        } );
        return false;
    } );
}

$(document).ready(function()
{
    saveToDatabase();
});
</script>