A PHP Error was encountered

Severity: 8192

Message: mysql_escape_string(): This function is deprecated; use mysql_real_escape_string() instead.

Filename: mysql/mysql_driver.php

Line Number: 303

Постепенная загрузка страницы Ajax, урок третий.

Постепенная загрузка страницы Ajax, урок третий.

Автор: n0one.
Опубликовано 16 мая 2012
в рубрике Ajax

Просмотров: 4851.
Подписаться на комментарии по RSS.

Постепенная загрузка страницы Ajax

Здравствуйте, сегодня я расскажу Вам про постепенную загрузку страницы.

На многих сайтах страница отображается после того, как обработает весь html, php и javascript код. Но что делать, если на нашей странице обработка кода занимает долгое время?

Нам приходит на помощь ajax!

Создадим html файл.

<html>
  <head>
    <script type='text/javascript'src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js '></script> 
    <script type='text/javascript' src='my.js'></script> 
    <title>Пример постепенной загрузки страницы</title>
  </head>
  <body>
    <p>Hello word <img src="http://live-code.ru/uploads/smiles/wink.gif" width="19" height="19" alt="wink" style="border:0;" class="smiley"></p>
    <div id='content'>Тут появится наш контент</div>
    <div id='js'>
      content();
    </div>
  </body>
</html>
В div`е content появится наш контент.

В div`е js запускается javascript функция, которая, собственно, заставит контент появиться.

Не забываем подключить библиотеку Jquery и my.js

Теперь в файле my.js создадим функцию content.

function content() {
 $.ajax({
                type: "POST",
                url: "content_loader.php",
                success: function(html) {
                        $('#content').empty();
                        $('#content').append(html);
                }
        });
}
type - тип запроса.

url - скрипт, который будет обрабатывать и выводить результат php кода.

success - что делать при удачном завершении обработки.

В этом примере, при удачном завершении обработки content_loader.php, у нас будет очищаться div content и выводиться в него ответ от content_loader.php

Теперь перейдем к php файлу. В нём Вы можете написать абсолютно любой код, но в примере будет так smile

<?php
sleep(2);
echo "Новый контент!";
?>
Вот и всё, желаю Вам успехов!

Оставьте комментарий!

Гость
Комментатор / хотите им стать

Чтобы стать комментатором введите email и пароль. Напишите комментарий. В дальшейшем ваша связка email-пароль, позволит вам комментировать и редактировать свои данные. Не забудьте про активацию (инструкция придет на ящик, указанный при регистрации).

grin LOL cheese smile wink smirk rolleyes confused surprised big surprise tongue laugh tongue rolleye tongue wink raspberry blank stare long face ohh grrr gulp oh oh downer red face sick shut eye hmmm mad angry zipper kiss shock cool smile cool smirk cool grin cool hmm cool mad cool cheese vampire snake excaim question

(обязательно)