如何在外部JS文件中使用带有参数的laravel路由



我有一个外部js文件.js,我想使用下面的url来获取要在数据表中使用的json数据。

https://url/admin/farmers/products-data/1我使用url参数获取json。我只是不知道如何将它添加到js文件中。

var dt_project = dt_project_table.DataTable({
ajax: {
'url':"https://url.com/admin/farmers/products-data/{parameter}",
dataSrc: 'products'
},  // JSON file to add data
ordering: false,
columns: [
// columns according to JSON
{ data: '' },
{ data: 'title' },
{ data: 'description' },
{ data: 'code' },
{ data: 'delivery_mode' }
]
});

您可以将参数存储在页面上元素的data-属性中,然后在外部js文件中使用jQuery检索它。试试这个

在HTML 中执行类似操作

<div id="some-element" data-id="1">
<!-- some content -->
</div>

这个在外部js文件中

var parameter = $('#some-element').data('id');
var dt_project = dt_project_table.DataTable({
ajax: {
'url':"https://url.com/admin/farmers/products-data/"+parameter,
dataSrc: 'products'
},  // JSON file to add data
ordering: false,
columns: [
// columns according to JSON
{ data: '' },
{ data: 'title' },
{ data: 'description' },
{ data: 'code' },
{ data: 'delivery_mode' }
] 
});

最新更新