Почему не выводятся json данные с помощью AJAX?

Question

[Роман]

Должны выводиться данные JSON с удаленного сервера через AJAX, но почему то ничего не выводится.
В консоли разработчика данные появляются в ресурсах, как раз после выполнения функции, но в окне браузера ничего не появляется.
Использую хром, запускаю в режиме без безопасности (со строкой --disable-web-security). Пробовал в других браузерах, та же шняга.
В чем проблема, посаны?

Я использую такой запрос:

$.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

[Maa-Kut]

Ставим брекпойнт внутри функции success и смотрим, выпадет ли отладчик на нем. Если нет - смотрим лог сетевых запросов, возможно там какой-нибудь HTTP 500. Если да, значит либо ответ неправильно парсится (пришел не в том формате, какой ожидался), либо с версткой косяк (элемент #list точно присутствует?).

Comments

[Роман]

Отладчик как раз таки и выпадает на этой функции. Браузер будто не видит этой части кода.
Формат правильный вроде, в верстке ошибок нет.

[Maa-Kut]

"Выпадает" - значит останавливатся на бряке внутри функции? И отладчикм видно, что содержимое data ровно такое, какое ожидалось?

[Роман]

Нет, дальше строки "$.ajax({" не идет, как бы не видит функцию.

Answer 2

[Ninja Mate]

тип запроса поставьте GET/POST, в success console.log(data) и на error тоже. там должны или ошибку получить или результат.

Comments

[Роман]

Сделал, но ничего не изменилось.. даже ошибку не выдает

[Ninja Mate]

Роман: а можно подробностей, как инициация запроса идет? как код выглядит который последний пробовали?ссылка все отдает в браузер без проблем

[Роман]

$.ajax({
                            type: 'post',
                            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>");
                                    });
                                    console.log(data);
                                },
                                error: function(num) {//ошибки запроса
                                    console.log(num);
                                    var arr=['Your browser does not support Ajax',
                                    'Request failed',
                                    'Address does not exist',
                                    'The waiting time left'];
                                    alert(arr[num]);
                                }
                        });

[Ninja Mate]

method: 'POST' и console.log('LOG success '+data) console.log('LOG error '+data) еще в самом конце поставьте }).done( function(data) { console.log('LOG done '+data) }); что выдает?

[Роман]

Ничего не выдает :( . При перезагрузки страницы вылазят два модальных окна, и первый и второй "undentified". С чего это вдруг?

[Ninja Mate]

Роман: $.ajax({ ... }).done( function(data) { console.log('LOG done '+data) }); Точно так сделали? Как вызов запроса выглядит? Алерт или модальное окно? для теста уберите все кроме console.log error success method: 'GET и POST попробуйте'(),
уберите (должени и так json выдавать)

dataType: 'json',
                                data: {
                                    format: 'json'
                                },

[Роман]

Все вроде делаю как надо, даже вставил $("#list").append("test2"); для проверки, но даже это не выдает.
В консоли разработчика появляется документ, но на экран не выводится. Со скриптом все должно быть в порядке. Может дело в настройке браузера или сети? Что еще может влиять на процесс получения данных?

[Ninja Mate]

Роман: документ должен приходить в запросе. если не происходит даже ошибки это значит что скрикт не выполняется. .done() выводится? если нет то скрипт не выполняется. у вас в коде type а нужно method. настройки сети и браузера тут не помогут. сайт отдает данные нормально

[Роман]

Код в итоге такой:

$.ajax({
                            method: 'post',
                            url: "http://oamk.fi/~vetapani/persons.json?jsoncallback=?",                             
                                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>");                                       
                                    });
                                    console.log('LOG success '+data);
                                    $("#list").append("test2");
                                },
                                error: function(data) {//ошибки запроса
                                    console.log('LOG error '+data);
                                    var arr=['Your browser does not support Ajax',
                                    'Request failed',
                                    'Address does not exist',
                                    'The waiting time left'];
                                    alert(arr[data]);
                                }
                        }).done( function(data) { console.log('LOG done '+data) });

Я честно не понимаю, где ошибка.

[Роман]

Попробуйте сами, интересно, может у вас данные появятся

[Ninja Mate]

Роман: вечером попробую, на работе сейчас.

[Роман]

окей!

[Роман]

Ninja Mate: здравствуйте! не пробывали?