小编Oma*_*rek的帖子

我需要一些帮助来通过 vue 向我的 Laravel 后端实现基本的 ajax 请求，我在名为 course 的表上有一个名为 Complete 的布尔值，并且我有一个视图可以获取分配给特定用户的所有课程并允许他们按一个按钮来更改课程的当前状态，无论是否完成，就是这样，这就是我想要做的，现在我可以通过 get 和 post 请求正常进行，显然会导致页面刷新，我想要那个为了通过刷新 dom 变得动态，我感到非常沮丧，以至于我无法自己解决这个问题，因为我认为这应该很容易，结果我在使用 vuejs 时一无所知。

这是我的 CoursesController 的重要部分：

  public function toggling($name)
      {
        $course = Course::where(['name' => $name])->first();

        $course->completed = !$course->completed;
        $course->save();

        // return redirect()->back();
        return response()->json(['course' => $course], 202);
        }

这是向用户提供课程的视图的重要部分，它是表的一部分：

    <td>
     <form method="POST" @submit.prevent="onSubmit" action="{{ route('course.completed', $course->name) }}" id="form-submit">
         {{-- {{ method_field('PUT') }} --}}
        {{ csrf_field() }}
       @if ($course->completed == true)
       <button type="submit" class="btn btn-sm" id="coursetogglingtrue">Done!</button>
        @else
      <button type="submit" class="btn btn-sm" id="coursetogglingfalse">Not Yet!</button>
        @endif

      </form> …