Why json data is not displayed using AJAX?

Question

JavaScript

JSON data should be displayed from a remote server via AJAX, but for some reason nothing is displayed.
In the developer console, the data appears in the resources, just after the function is executed, but nothing appears in the browser window.
I use chrome, I run it in non-security mode (with the --disable-web-security line). Tried in other browsers, the same shnyaga.
What's the problem, guys?

I am using a query like this:

$.ajax({
     url: "http://oamk.fi/~vetapani/persons.json?jsoncallback=?", 
        dataType: 'json',
        data: { format: 'json' },
        success: function(data) {
            $("#list").append("test1");
            $.each(data, function () {
                $("#list").append("<p>");
                //loop
                $.each(this, function (name, value) {
                    if(name==="name") {
                          $("#list").append(value+ " ");
                     }
                     if(name==="email") {
                           $("#list").append(name+': <a href="mailto:'+value+'">'+value+'</a>');   
                     }
               });
               $("#list").append("</p>");
          });
     }
});

Answer 1

We put a breakpoint inside the success function and see if the debugger drops out on it. If not, we look at the network request log, maybe there is some kind of HTTP 500. If yes, then either the response is parsed incorrectly (it did not come in the format expected), or there is a jamb with the layout (is the #list element definitely present?).

Answer 2

set the request type to GET/POST, to success console.log(data) and to error too. there must either get an error or a result.