如何在外部 JS 文件中使用带参数的 laravel 路由
How to use laravel route with parameter in external JS file
我有一个外部 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' }
]
});
我有一个外部 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' }
]
});