ajax: ожидание подгрузки данных
Как правильно ждать подгрузки страниц ?
- Очистите область, куда должны подгружаться данные
- Разместите там индикатор подгрузки
- Начните подгружать
- Сформируйте HTML
- Вставьте HTML в то место куда надо было вставить
Ничего сложного нет, и теперь кратко на примерах, с использованием jQuery:
1. Очищаем: $(’#div1′).empty() 2. Вставляем индикатор подгрузки Кто мучается вопросом, не мучайтесь а сходите например на www.ajaxload.info и сгенерите себе красивый индикатор на ваш вкус. Далее аяким сам индикатор: $(’#div1′).html(’<img src=”ссылка на индикатор” />’); Индикатор подгрузится и начнет работать, чем меньше индикатор, тем быстрее будет подгрузка естессно 3,4,5,… Подгружаем данные, ну например так: $.post(”http://site.ru/zuza.php”,{email:email ,password:password},function(data){$(’#div1′).html(data);}); Это если вы HTTP получили.. Или пример с getJSON: $.getJSON(”http://site.ru/zuza.php”, function(data){$(’#div1′).html(data.MyJSONitem);}); Для этого на стороне сервера в переменную MyJSONitem нам надо пропихнуть нужное значение и сформировать JSON. Об этом я расскажу в другой раз.
Вообще Штука jQuery довольна удобная и все можно было бы записать вообще одной строкой. Но пугать никого не будем.