DataTables not displaying data using ajax JSON data

Asked Jun 05 '22 at 01:18

Active Jun 05 '22 at 01:18

Viewed 17 times

i am using a function that take a JSON file and displaying the data in file into DataTable, using AJAX dataTables.

    $('#table4').DataTable({
        retrieve: true,
        processing:true,
        ajax: {
            url: "data.json",
            dataSrc: "Inventaire",
            crossDomain: true,
            dataType:"json"
        },
        columns: [
            { data: 'categorie' },
            { data: 'produitService' }
        ],
        "pageLength": 5
    });
});

When i try to run my files, i get the error below :

Access to XMLHttpRequest at 'file:///C:/Users/tifah/Documents/Bacc.%20Informatique%20et%20Genie%20logiciel%20Ete%202022/INF3190/publichtml/HTML/data.json?=1654390615223' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, chrome-untrusted, https.

asked Jun 05 '22 at 01:18

Elfi

You need to use HTTP/HTTPS to use Ajax (see the last line of the error message) – user2182349 Jun 05 '22 at 01:38
@user2182349 Thanks for your answer, but where can i add HTTP/HTTPS – Elfi Jun 05 '22 at 01:44
https://stackoverflow.com/questions/17947971/ajax-in-jquery-does-not-work-from-local-file – user2182349 Jun 05 '22 at 01:52

DataTables not displaying data using ajax JSON data

0 Answers0