我有一个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();
}
});
});