AJAX и занесение данных в div

@Appi · Регистрация: 18.02.2015

Author24 — интернет-сервис помощи студентам

Получил AJAX'om данные. Они записались в блок div

Результат работы:

HTML5

1	<div class="left" id="nameUser">Александр</div>

вытаскиваю от туда сразу же

Javascript

1	$('#nameUser').text();

Значение пустое. В чем может быть проблема?

Весь код:

Javascript

$.showProfile = function() {
    $( ".content" ).html("Loading"); 
    $.ajax({
      type: 'GET',
      url: 'inc/showProfile.php',
      success: function(data) {
        $( ".content" ).html(data);     
      }
    });
    alert($('#nameUser').text()); // Пустое. Хотя на странице визуально, я наблюдаю данный результат. Пробовал таймаут 1 секунду ставить, не работает. 
 
};

@Raisin Zn · 29.06.2016, 19:21

А если так:

Javascript

$.showProfile = function() {
    $( ".content" ).html("Loading"); 
    $.ajax({
      type: 'GET',
      url: 'inc/showProfile.php',
      success: function(data) {
        $( ".content" ).html(data);     
      }
    });
    sh();
 
};
 
function sh() {
    alert($('#nameUser').text());
};

?

@Appi · 29.06.2016, 19:30 **[ТС]**

Тоже, пустое значение.
Но вот так:

Javascript

1	setTimeout(function(){sh();}, 1000);

Заработало.
Спасибо. На JQuery функцию перепишу.

@Raisin Zn · 29.06.2016, 19:43

Сообщение от Appi

setTimeout(function(){sh();}, 1000);

Javascript

1	setTimeout(sh, 1000);

@BANO · 29.06.2016, 21:15

Вспоминаем что ajax является асинхронным и зачем вообще нужны колбеки

Javascript

$.showProfile = function() {
    $( ".content" ).html("Loading"); 
    $.ajax({
      type: 'GET',
      url: 'inc/showProfile.php',
      success: function(data) {
        $( ".content" ).html(data);     
        alert($('#nameUser').text());
      }
    });
};

а если нам очень хочется сделать красиво и так как предполагает jq, то делаем вот так

Javascript

$.showProfile = function() {
    $( ".content" ).html("Loading").load('inc/showProfile.php',function(){
        alert($('#nameUser').text());
    }); 
};

	29.06.2016, 21:15

Опции темы

AJAX и занесение данных в div

Решение