Блог

РЕДАКТИРОВАТЬ: я получаю ошибку синтаксического анализа. при отображении статуса в ajax complete function. есть идеи, где я ошибаюсь.

В идеале я должен получить координаты и «это должно отображаться», отображаемое на HTML-странице. Но отображаются только координаты. кажется, ссылка getElementById не может найти тег идентификатора «t01». Также, когда я пытаюсь отобразить переменную содержимого вне вызова ajax, я получаю undefined, даже если содержимое является глобальной переменной.

HTML-код

             $.ajax({
                async: false,
                type: 'GET',
                url: "http://geolocation.webatu.com/Radius.php",
                data: {
                    lat: lat,
                    lon: lon
                },
                dataType: 'jsonp',
                complete: function (response,status) {
                    document.getElementById('t01').innerHTML = status;
                    content = "<ul>";
                    var parsed = JSON.parse(response);
                    for (var i in parsed) {
                        content  = "<li>"   parsed[i].ClassName   " "   parsed[i].City   "</li>";
                    }
                   
                }
            });        
  

Я создаю fiddle и получаю сообщение об ошибке:

Ошибка синтаксиса без перехвата: неожиданный идентификатор

Ответ таков:

 '[]'        
<!-- Hosting24 Analytics Code -->
<script type="text/javascript" src="http://stats.hosting24.com/count.php"></script>
<!-- End Of Analytics Code -->
  

Таким образом, он терпит неудачу в этом ответе, который не является javascript кодом, как того требует JSONP практика.

Отредактировано (после всех комментариев):

После нескольких попыток я меняю ваш код на этот ( fiddle ):

 window.processResults = function (response) {
    //it must be called with response data inside server answer
    var content = "<ul>";
    var parsed = JSON.parse(response);
    for (var i in parsed) {
        content  = "<li>"   parsed[i].ClassName   " "   parsed[i].City   "</li>";
    }
    document.getElementById('t01').innerHTML = "This should be displayed";
}

function onSuccess(position) {

    var element = document.getElementById('geolocation');

    element.innerHTML = 'Latitude: '   position.coords.latitude   '<br />'  
        'Longitude: '   position.coords.longitude   '<br />';

    lat = position.coords.latitude;
    lon = position.coords.longitude;

    $.ajax({
        async: false,
        type: 'GET',
        url: "http://geolocation.webatu.com/Radius.php?jsonp=processResults",
        data: {
            lat: lat,
            lon: lon
        },
        dataType : 'jsonp',
        jsonp: false,//jQuery will not add it own random callback
        jsonpCallback: 'processResults'//name of callback function which server must wrap the response
    });

}
  

Вы должны изменить ответ с сервера. Вот так, если вы ничего не возвращаете службой:

 processResults('[]');
  

Вместо '[]' как сейчас.

Это JSONP : вы запрашиваете сервер ответов с именем функции javascript, которое является обратным вызовом на стороне вашего клиента, и сервер должен обернуть его ответ в эту функцию.

Хотя это не прямое решение вашей проблемы, рассмотрите возможность использования jqXHR.done(), jqXHR.fail() и jqXHR.always(), поскольку обратные вызовы jqXHR.success(), jqXHR.error() и jqXHR.complete() устарели с версии jQuery 1.8. Смотрите:http://api.jquery.com/jQuery.ajax /