Use data of a json in javascript with ajax

Question

I have a problem with using data of a json file in my html document.

At the top you can see the errors that i get.

I have this file created as a json file New.json :

[
    { "firstname":"Thomas", "lastname":"Anderson" },
    { "firstname":"Agent", "lastname":"Smith" },
    { "firstname":"Agent", "lastname":"Brown" }
]

I tried this code to get the data from my json file

    <script type="application/javascript">
            $(document).ready(function() {
                $("div").click(function () {
                    $.ajax({
                        type: 'GET',
                        url: './New.json',
                        dataType: 'json',
                        success: function(data){
                            window.alert(data);
                        },
                    });
                });
            });
    </script>

Thanks for your help :)

Your json file is invalid. Instead of surrounding the list of elements with `{}` which produces an invalid object, use `[]` to make a valid array. — James, Dec 17 '20 at 02:05
Thanks james fixed it, but it still does not work i edited my question now there is a screenshot of the error i become — Deniz, Dec 17 '20 at 02:23
Really ? I changed it like James said, I use now [ ] instead of {} is it still wrong ?. — Deniz, Dec 17 '20 at 02:29
this is a CORS policy problem, you will find a ton of similar resolution here — Mister Jojo, Dec 17 '20 at 02:48
Does this answer your question? [Understanding AJAX CORS and security considerations](https://stackoverflow.com/questions/21854516/understanding-ajax-cors-and-security-considerations) — Mister Jojo, Dec 17 '20 at 02:49

score 0 · Answer 1 · answered Dec 17 '20 at 01:51

0

You URL might need to be: url: './New.json',

answered Dec 17 '20 at 01:51

Matt Laszcz

373
3
20

I changed it but it still does not work. – Deniz Dec 17 '20 at 01:55

Use data of a json in javascript with ajax

1 Answers1