更新数据表中的行

时间:2018-01-18 21:46:30

标签: jquery ajax datatable datatables

我有一个jquery脚本,其中我有一个数据表,但是当我想在datatable中编辑一个字段时,它并没有告诉我该字段是修改的,知道在数据库中字段是修改但我想显示在行中已经修改的字段。

在我使用此代码的方法addPost中它运行得很好。

addPost:

<table id="example" class="table table-striped table-bordered" cellspacing="0" width="100%">
        <thead>
            <tr>
                <th>ID </th>
                <th>Title</th>
                <th>Body</th>
            </tr>
        </thead>
        <tbody>

            @foreach($post as $key => $value)
                <tr class="post{{ $value->id_post }}">
                    <td>{{ $value->id_post }}</td>
                    <td>{{ $value->title }}</td>
                    <td>{{ $value->body }}</td>
                    <td>
                    </td>
                </tr>   
             @endforeach

           </tbody>
    </table> 

$("#add").click(function() {

        $.ajax({
              type: 'POST',
              url: "{{action('PostController@addPost')}}",
              data: {
                '_token': $('input[name=_token]').val(),
                'title': $('input[name=title]').val(),
                'body': $('input[name=body]').val()
              },
              success: function(data){

                  $('.error').remove();
                  $('#example').DataTable().row.add([
                  "<tr class='post" + data.id_post + "'>"+
                          "<td>" + data.id_post + "</td>",
                          "<td>" + data.title + "</td>",
                          "<td>" + data.body + "</td>",
                  "</tr>"]).draw();

              },
        });

但是在方法editPodt中它不起作用。 我尝试使用此代码但它也不起作用:

editPost:

$('.modal-footer').on('click', '.edit', function(){

        var tableRow = $('#example').row($(this).parents('tr'));
        $.ajax({
            type: 'POST',
            url: "{{action('PostController@editPost')}}",
            data: {
                '_token': $('input[name=_token]').val(),
                'id_post': $('#id_post').val(),
                'title': $('#title').val(),
                'body': $('#body').val()
            },
            success:function(data){

            var rData = [
                "<td>" + data.id_post + "</td>",
                 "<td>" + data.title + "</td>",
                 "<td>" + data.body + "</td>",
                        ];
            $('#example')
                .row( tableRow )
                .data(rData)
                .draw();

            }
        });
    });

0 个答案:

没有答案