我正在使用这个名为yajra datables的laravel软件包为我的应用创建数据表。但是,每当我重新加载页面时,我都会收到此错误。几次重新加载后,表将被加载。但是,每次使用搜索选项时,页面都会不断向我抛出ajax错误。
我已经在互联网上搜索了所有可能的解决方案,但似乎没有一个可行。
下面是我的代码:
Index.blade
<script>
$(document).ready(function(){
$('#jobsTable').DataTable({
processing: true,
serverSide: true,
ajax: "{{ route('activity.index') }}",
dom: "B" + /* Buttons */
"<'row'<'col-sm-12 col-md-6'l>" + /* Length changing input control */
"<'col-sm-12 col-md-6'f>>" + /* Filtering Input */
"<'row'<'col-sm-12'tr>>" + /* The Table! + Processing Display Element*/
"<'row'<'col-sm-12 col-md-5'i>" + /* Table Information Summary */
"<'col-sm-12 col-md-7'p>>" , /* Pagination Control*/
columns:[
/* 1 */ {data: 'id' , name: 'id', visible: false },
/* 0 */ {data: 'action', name: 'action', orderable: false, searchable: false },
/* 1 */ {data: 'job_id' , name: 'job_id' },
/* 2 */ {data: 'type' , name: 'type' },
/* 3 */ {data: 'job_no' , name: 'job_no' },
/* 4 */ {data: 'deal_no' , name: 'deal_no' },
/* 5 */ {data: 'cyc_no' , name: 'cyc_no' },
/* 6 */ {data: 'deal_name' , name: 'deal_name' },
控制器
public function index()
{
if (request()->ajax()) {
$jobs = Job::all();
return DataTables::of($jobs)
->addColumn('action', function ($jobs) {
$button = '<div class="btn-group btn-group-xs">';
$button .= '<a href="/activity/' . $jobs->id . '/edit" class="btn btn-primary btn-xs"><i class="fa fa-edit fa-fw"></i> Edit</a>';
$button .= '<button type="button" name="deleteButton" id="' . $jobs->id . '" data-jobcycid="' . $jobs->job_no . ' | ' . $jobs->cyc_no . '" class="btn btn-danger btn-xs deleteButton"><i class="fas fa-trash-alt"></i> Delete</button>';
$button .= '</div>';
return $button;
})
->rawColumns(['action'])
->setRowID(function ($jobs) {
return $jobs->id;
})
->make(true);
}
return view('activity.index');
}
路线
Route::group(['middleware' => ['auth.roles']], function () {
/*Side bar menu Routes*/
Route::get('/home', 'HomeController@index')->name('home');
Route::get('/dashboard', 'HomeController@dashb')->name('dashboard');
Route::get('/profile', 'HomeController@profile')->name('profile');
/*Activity Routes*/
Route::resource('/activity', 'JobController');
// Route::get('/activity', 'JobController@getIndex')->name('activity.index');
/*Activity Sub Routes*/
Route::get('/jobEditCancel', 'JobController@jobEditCancel')->name('jobEditCancel');
Route::get('/jobAddCancel', 'JobController@jobAddCancel')->name('jobAddCancel');
// Route::get('/activity', 'JobController@index')->name('activity.index');
// Route::delete('/activity/destroy/{id}', 'JobController@destroy')->name('activity.destroy');
/*FPBlog Routes*/
Route::resource('fpblog', 'PostController');
Route::get('/postEditCancel', 'PostController@postEditCancel')->name('postEditCancel');
Route::get('/blogManager', 'PostController@blogManager')->name('blogManager');
});
答案 0 :(得分:1)
您使用的是url: "{{ route('activity.index') }}"
,但在路由文件中却注释了别名。
您可以为资源路由设置别名
/*Activity Routes*/
Route::resource('activity', 'JobController', [
'names' => [
'index' => 'activity.index',
'create' => 'activity.create',
'store' => 'activity.store',
'show' => 'activity.show',
'edit' => 'activity.edit',
'update' => 'activity.update',
'destroy' => 'activity.destoy'
],
]);
,这应该适合您在刀片中使用别名activity.index
的情况。
为什么没有resource
会更好?这主要是一种观点。
自己声明每条路线时,您可以对路线进行更多控制:
答案 1 :(得分:0)
感谢你们中竭尽全力支持我解决这个问题的每一个人。但是,在搜寻了这么多答案之后,我才知道了。
显然我的URI太长。将开发环境移至laravel Homestead后,我能够理解这一点。
我已按照此博客上的步骤来缩短网址。它解决了所有问题:
再次感谢您提供任何意见。我希望这篇文章对尝试创建具有高列数的数据表的人有用。