Laravel：使用Ajax更新数据库。我下一步该怎么做？

Question

在使用AJAX时，我需要有人指导我建立函数更新数据库。当我单击Accept按钮时，Ajax请求将发送到服务器，服务器将执行字段post_status的更新值。开始时，字段post_status has的值为“pending”，执行查询更新后，该值将更改为“accepted”。我下一步该怎么办？请帮帮我。非常感谢你的帮助。

• Posts表的数据库：

post_id user_id    title       content      DateTime      post_status
1          1      Title 1     Content 1       Time         pending
2          2      Title 2     Content 2       Time         pending
3          3      Title 3     Content 3       Time         pending
4          4      Title 4     Content 4       Time         pending
5          5      Title 5     Content 5       Time         pending

• 观点：

<table class="table table-bordered">
    <thead class="thead-inverse">
        <tr>
            <th>Post ID</th>
            <th>User ID</th>
            <th>Name User</th>
            <th>Title</th>
            <th>Content</th>
            <th>Datetime</th>
            <th>Status</th>
            <th>Accept</th>
        </tr>
        </thead>
        <tbody>
            @foreach ($posts as $row)
            <tr id="{{ $row->post_id }}"> 
                <td>{{$row->post_id}}</td>
                <td>{{$row->user_id}}</td>
                <th>{{$row->users->name}}</th>
                <td>{{$row->post_title}}</td>
                <td>{{$row->post_content}}</td>
                <td>{{$row->post_datetime}}</td>
                <td>{{$row->post_status}}</td>      {{-- The status of post that I wanna change the value to "accepted"  --}}
            <td>
                <button class="btn btn-success accept-btn" data-postID="{{$row->post_id}}">Accept</button>
            </td>
            </tr>
            @endforeach
        </tbody>
</table>

• 代码Javascript：

<script>
    $(document).ready(function () {        
        $('.accept-btn').click(function(){
            var postId = $(this).attr('data-postID');

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

            $.ajax({
                type: "POST",
                url: "{{route('posts.list_post_ajax')}}",      
                data: { postId: postId },
                dataType: 'JSON',
                success :function(response) {
                    console.log(response);
                },
            });

        })
    });
</script>

• 控制器的功能列表\u post\u ajax：

    public function list_post_ajax(Request $request)
    {
        if(request()->ajax()){
            $postId = $request->get('postId');
            return response()->json(['success'=>$postId]);   

            // What's I should do next?
            // Pls help me.
        }


    }

Answer 1

有很多方法可以做到这一点。这个将按照您的代码工作。使用$myObject-

更改视图

<td id="td{{$row->post_id}}">{{$row->post_status}}</td>

在控制器上

$postId = $request->get('postId');

$post = App\Post::find($postId);

$post->post_status= 'accepted';

$post->save();

return response()->json(['success'=>$postId,'message'=>'accepted']);

关于JS

      $.ajax({
            type: "POST",
            url: "{{route('posts.list_post_ajax')}}",      
            data: { postId: postId },
            dataType: 'JSON',
            success :function(response) {
                console.log(response);
                 $('td'+postId).html(response.message);
            },
        });

编辑：我在控制器上更新我的答案。你应该看看有说服力的文档