使用Ajax+；模态+；拉维尔

我正试图用这篇文章更新数据表 当我单击“编辑”按钮时，它正在获取数据，但当我单击“更新”按钮时，我收到错误： 我把我的问题贴在laracast上，如果有人能告诉我你的想法

编辑

现在你来写剧本

 <script type="text/javascript">
             var postId = 0;
             var PostBodyElement = null;
             $('.post').find('.interaction').find('.edit').on('click',function(event){
         event.preventDefault();
        PostBodyElement =  event.target.parentNode.parentNode.childNodes[1]
                 var postBody = PostBodyElement.textContent;
        postId = event.target.parentNode.parentNode.dataset['postid'];
         $('#post-body').val(postBody);
          $('#edit-modal').modal();
  });

             </script>

var postId=0；
var PostBodyElement=null；
$（'.post'）.find（'.interaction'）.find（'.edit'）.on（'click'，函数（事件）{
event.preventDefault（）；
PostBodyElement=event.target.parentNode.parentNode.childNodes[1]
var postBody=postbodyement.textContent；
postId=event.target.parentNode.parentNode.dataset['postId']；
$（'#post body'）.val（post body）；
$（“#编辑模式”）.modal（）；
});

现在你做模态分析

       <div class="modal fade" tabindex="-1" role="dialog" id="edit-modal">
           <div class="modal-dialog" role="document">
             <div class="modal-content">
                 <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
              <h4 class="modal-title">Edit</h4>
                </div>
             <div class="modal-body">
                   <form method="post">
                     <div class="form-group">
                   <label for="edit-taunt">Edit Taunt</label>
                  <textarea name="post-body" id="post-body" rows="5" class="form-control"></textarea>
              </div>
         </form>
           </div>
            <div class="modal-footer">
             <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
              <button type="button" class="btn btn-primary" id="modal-save">Save changes</button>
                </div>
             </div><!-- /.modal-content -->
           </div><!-- /.modal-dialog -->
         </div>

&时代；
编辑
编辑嘲讽
接近
保存更改

现在，在模式保存按钮上使用id进行更新

             <script type="text/javascript">
                  $('#modal-save').on('click',function(){
                  $.ajax({
                       type : 'post',
                      url : urlEdit,
                      data : {body : $('#post-body').val(), postId:postId , _token:token }
                    }).done(function(msg){
                //console.log(msg.new_body);
                 $(PostBodyElement).text(msg['new_body']);
                 $('#edit-modal').modal('hide');
              });
    });
          </script>

       <script type="text/javascript">
             var token = '{{ Session::token() }}';
             var urlEdit = '{{ route('edit') }}';

         </script>

$（“#模式保存”）。在（'click'，function（）上{
$.ajax({
键入：“post”，
url:urlEdit，
数据：{body:$（'#post body'）.val（），postId:postId，_-token:token}
}).done（函数（msg）{
//控制台日志（msg.new_body）；
$（PostBodyElement）.text（msg['new_body']）；
$（“#编辑模式”）.model（'hide'）；
});
});
var-token='{{Session:：token（）}}'；
var urlEdit='{{route（'edit'）}}'；

您首先要做的

编辑

现在你来写剧本

 <script type="text/javascript">
             var postId = 0;
             var PostBodyElement = null;
             $('.post').find('.interaction').find('.edit').on('click',function(event){
         event.preventDefault();
        PostBodyElement =  event.target.parentNode.parentNode.childNodes[1]
                 var postBody = PostBodyElement.textContent;
        postId = event.target.parentNode.parentNode.dataset['postid'];
         $('#post-body').val(postBody);
          $('#edit-modal').modal();
  });

             </script>

var postId=0；
var PostBodyElement=null；
$（'.post'）.find（'.interaction'）.find（'.edit'）.on（'click'，函数（事件）{
event.preventDefault（）；
PostBodyElement=event.target.parentNode.parentNode.childNodes[1]
var postBody=postbodyement.textContent；
postId=event.target.parentNode.parentNode.dataset['postId']；
$（'#post body'）.val（post body）；
$（“#编辑模式”）.modal（）；
});

现在你做模态分析

       <div class="modal fade" tabindex="-1" role="dialog" id="edit-modal">
           <div class="modal-dialog" role="document">
             <div class="modal-content">
                 <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
              <h4 class="modal-title">Edit</h4>
                </div>
             <div class="modal-body">
                   <form method="post">
                     <div class="form-group">
                   <label for="edit-taunt">Edit Taunt</label>
                  <textarea name="post-body" id="post-body" rows="5" class="form-control"></textarea>
              </div>
         </form>
           </div>
            <div class="modal-footer">
             <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
              <button type="button" class="btn btn-primary" id="modal-save">Save changes</button>
                </div>
             </div><!-- /.modal-content -->
           </div><!-- /.modal-dialog -->
         </div>

&时代；
编辑
编辑嘲讽
接近
保存更改

现在，在模式保存按钮上使用id进行更新

             <script type="text/javascript">
                  $('#modal-save').on('click',function(){
                  $.ajax({
                       type : 'post',
                      url : urlEdit,
                      data : {body : $('#post-body').val(), postId:postId , _token:token }
                    }).done(function(msg){
                //console.log(msg.new_body);
                 $(PostBodyElement).text(msg['new_body']);
                 $('#edit-modal').modal('hide');
              });
    });
          </script>

       <script type="text/javascript">
             var token = '{{ Session::token() }}';
             var urlEdit = '{{ route('edit') }}';

         </script>

$（“#模式保存”）。在（'click'，function（）上{
$.ajax({
键入：“post”，
url:urlEdit，
数据：{body:$（'#post body'）.val（），postId:postId，_-token:token}
}).done（函数（msg）{
//控制台日志（msg.new_body）；
$（PostBodyElement）.text（msg['new_body']）；
$（“#编辑模式”）.model（'hide'）；
});
});
var-token='{{Session:：token（）}}'；
var urlEdit='{{route（'edit'）}}'；

使用Laravel Ajax模式进行更新非常简单 这里的路线

控制器

这里是模态视图

钮扣

<li>
    <a href="" class="editModalBtn" data-toggle="modal" data-id="{!! $value['id'] !!}">Edit</a>
</li>

<div id="editModal" class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-hidden="true">
   <div class="modal-dialog modal-md">
      <div class="modal-content">
         <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span>
            </button>
            <h4 class="modal-title" id="myModalLabel2">Update Routine</h4>
         </div>
         <div class="modal-body">
            {{ Form::open(array('method' => 'PUT','id'=>'classForm','class'=>'form-horizontal classFormUpdate')) }}
            {{ Form::hidden('class_id', '', array('id' => 'class-id','class'=>'class-id')) }}
            <div class="input-group">
               <span class="input-group-addon"><i class="fa fa-book"></i></span>
               {{ Form::select('subject_id', $subjectList, Input::old('required'), array('class' => 'form-control required subject_id', 'id'=>'subject_id')) }}
            </div>
            <div class="input-group">
               <span class="input-group-addon"><i class="fa fa-calendar-check-o"></i></span>
               {{ Form::select('day_of_week', daysOfWeek(), Input::old('day_of_week'), array('class' => 'form-control day_of_week required', 'id'=>'day_of_week','style'=>'pointer-events: none !important')) }}
            </div>
            <div class="input-group">
               <span class="input-group-addon"><i class="fa fa-user"></i></span>
               {{ Form::select('teacher_id', $teacherList, Input::old('teacher_id'), array('class' => 'form-control required teacher_id', 'id'=>'teacher_id')) }}         
            </div>
            <div class="input-group">
               <span class="input-group-addon"><i class="fa fa-clock-o"></i></span>
               {!! Form::text('start_time','', $attributes = array('class'=>'form-control required myDatepicker3 start_time','id'=>'start_time','placeholder'=>'Start Time')) !!}
            </div>
            <div class="input-group">
               <span class="input-group-addon"><i class="fa fa-clock-o"></i></span>
               {!! Form::text('end_time','', $attributes = array('class'=>'form-control required myDatepicker3 end_time','id'=>'end_time','placeholder'=>'End Time')) !!}
            </div>
            <br />
            <button type="submit" class="btn btn-primary"><i class="fa fa-check-circle"></i> Update !</button>
            {{ Form::close() }}
         </div>
         <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
         </div>
      </div>
   </div>
</div>

使用laravelajax模式进行更新非常简单 这里的路线

控制器

这里是模态视图

钮扣

<li>
    <a href="" class="editModalBtn" data-toggle="modal" data-id="{!! $value['id'] !!}">Edit</a>
</li>

<div id="editModal" class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-hidden="true">
   <div class="modal-dialog modal-md">
      <div class="modal-content">
         <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span>
            </button>
            <h4 class="modal-title" id="myModalLabel2">Update Routine</h4>
         </div>
         <div class="modal-body">
            {{ Form::open(array('method' => 'PUT','id'=>'classForm','class'=>'form-horizontal classFormUpdate')) }}
            {{ Form::hidden('class_id', '', array('id' => 'class-id','class'=>'class-id')) }}
            <div class="input-group">
               <span class="input-group-addon"><i class="fa fa-book"></i></span>
               {{ Form::select('subject_id', $subjectList, Input::old('required'), array('class' => 'form-control required subject_id', 'id'=>'subject_id')) }}
            </div>
            <div class="input-group">
               <span class="input-group-addon"><i class="fa fa-calendar-check-o"></i></span>
               {{ Form::select('day_of_week', daysOfWeek(), Input::old('day_of_week'), array('class' => 'form-control day_of_week required', 'id'=>'day_of_week','style'=>'pointer-events: none !important')) }}
            </div>
            <div class="input-group">
               <span class="input-group-addon"><i class="fa fa-user"></i></span>
               {{ Form::select('teacher_id', $teacherList, Input::old('teacher_id'), array('class' => 'form-control required teacher_id', 'id'=>'teacher_id')) }}         
            </div>
            <div class="input-group">
               <span class="input-group-addon"><i class="fa fa-clock-o"></i></span>
               {!! Form::text('start_time','', $attributes = array('class'=>'form-control required myDatepicker3 start_time','id'=>'start_time','placeholder'=>'Start Time')) !!}
            </div>
            <div class="input-group">
               <span class="input-group-addon"><i class="fa fa-clock-o"></i></span>
               {!! Form::text('end_time','', $attributes = array('class'=>'form-control required myDatepicker3 end_time','id'=>'end_time','placeholder'=>'End Time')) !!}
            </div>
            <br />
            <button type="submit" class="btn btn-primary"><i class="fa fa-check-circle"></i> Update !</button>
            {{ Form::close() }}
         </div>
         <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
         </div>
      </div>
   </div>
</div>