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

发布于03月22日

我有一个外部js文件.js和我想使用下面的url，它获取要在datatable中使用的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' }
    ] 
});