通过两个AJAX调用显示数据表

时间:2020-02-11 08:25:36

标签: jquery ajax laravel datatables

我多年以来一直是观察员,第一次发布一些东西。使用Eloquent在Laravel中开发一个小型系统,我正在与我的同事(他的代码比我先进得多)进行辩论,讨论如何使用来自数据库不同部分的2个Ajax调用来显示和填充1个数据表。我想可以做到的,我可以在传统的mysql中做到,我只是也不了解laravel...。 我想像下面的代码。我没有任何错误,但是最终发生的是填充了第一个AJAX请求,而第二个被完全忽略了。任何帮助将不胜感激。

    $('#tableName').DataTable( {
            "processing": true,
            "serverSide": true,
            ajax: "{{ route('fromListOne', $group->groupID)}}",
            "columns": [
                { "data": "IDtypeOne", "visible":false },
                { "data": null, "searchable":false, "orderable":false,
                    render: function (data, type, row){
                        if(data.status == "completed") {
                            var checked = "checked=checked";
                        } else {
                            var checked = "";
                        }
                        var checkBox = '<form class="taskCompleteTick justify-content-center" method="POST"><input type="hidden" id="groupTaskID" name="groupTaskID" value="'+data.groupTaskID+'" /><div class="form-check"><input class="form-check-input justify-content-center" type="checkbox" value="check" '+checked+' /></div></form>';
                        return checkBox;
                    }
                }, 
                { "data": "title" },
                { "data": "description" },
                { "data": null, "searchable":false, "orderable":false,
                    render: function( data, type, row)
                }
            ],
            ajax: "{{ route('fromListTwo', $group->groupID)}}",
            "columns": [
                { "data": "IDtypeTwo", "visible":false },
                { "data": null, "searchable":false, "orderable":false,
                    render: function (data, type, row){
                        if(data.status == "completed") {
                            var checked = "checked=checked";
                        } else {
                            var checked = "";
                        }
                        var checkBox = '<form class="taskCompleteTick justify-content-center" method="POST"><input type="hidden" id="groupTaskID" name="groupTaskID" value="'+data.groupTaskID+'" /><div class="form-check"><input class="form-check-input justify-content-center" type="checkbox" value="check" '+checked+' /></div></form>';
                        return checkBox;
                    }
                }, 
                { "data": "title" },
                { "data": "description" },
                { "data": null, "searchable":false, "orderable":false,
                    render: function( data, type, row)
                }
            ]

        } );

0 个答案:

没有答案