Если вы только начинаете изучение технологии AJAX, то рекомендую начать со статьи "AJAX и jQuery. Динамическое обновление контента. Основы". Но те, кто уже ознакомился с основами, часто обращают внимание на то, что невозможно динамически загрузить страницу, содержащую JavaScript. И интересуются, как это сделать. Способ есть и он описан в данной статье.
За один AJAX-вызов можно сделать что-то одно. Либо динамически загрузить HTML-страницу, способом, который описывался в статье выше, либо динамически загрузить JavaScript, используя jQuery-функцию .getScript().
Если нужно загрузить сначала HTML, а затем выполнить скрипт, то эти два метода можно комбинировать.
Пример №1. Загрузка обычного скрипта JavaScript динамически.
Создадим 2 файла:
example1.html - с функией вызова скрипта и script.js - непосредственно вызываемый скрипт.
Следует обратить внимание на то, что в этом файле вызывается библиотека jQuery, а также создается пустой контейнер content и форма с кнопкой, к которой привязывается событие btnClick().
JavaScript-файл с названием script.js будет содержать функцию вывода случайного числа в контейнер content.
// случайное число от 1 до 100
var rnd = Math.floor(Math.random()*100+1);
// выводим в контейнер content, добавляя уже к имеющемуся содержимому контейнера
$("#content").html($("#content").html()+rnd+"<BR/>");
Запускаем файл example1.html. Убеждаемся, что пример работает.
Пример №2. Динамическая загрузка скрипта JavaScript, формируемого из PHP.
Как и в примере №1, базовая HTML-часть (файл example2.php) у нас остается практически без изменений. Изменим лишь название загружаемого файла в функции $.getScript():
$.getScript('script.php'); // вызываем скрипт
Скрипт (script.php) мы немного изменяем для того, чтобы продемонстрировать то, что он на самом деле генерируется с помощью PHP. Результатом его работы также станут случайные числа в диапазоне от 1 до 100.
<?php
// заголовок, который обозначает, что PHP будет генерировать
// JavaScript-файл в кодировке UTF-8.
header('Content-Type: text/javascript; charset=UTF-8');
// генерируем случайное число от 1 до 100
$rnd = rand(1,100);
// выдаем код скрипта в поток вывода
echo '$("#content").html($("#content").html()+'.$rnd.'+"<BR/>");';
?>
Запускаем файл example2.html. Убеждаемся, что пример работает.
Важно!
Для того, чтобы примеры работали корректно, необходимо:
1. Все файлы должны быть записаны в кодировке UTF-8.
2. Скрипты должны выполняться на веб-сервере, а не запускаться в браузере, как файлы.
3. Если вы формируете JavaScript-файл из PHP-скрипта, следует в начале PHP-файла обязательно добавить вызов функции header(), как это сделано в примере №2.
Найдите лучших проституток Таганрога на сайте https://prostitutkitaganroga2020.com! У нас есть широкий выбор девушек, которые готовы исполнить все ваши желания. | Купите услуги проституток Ногинска на сайте https://prostitutkinoginska2020.info и получите максимальное удовольствие от качественного секса. Наши девушки готовы исполнить любые ваши желания. | Здесь вы найдете девушек, которые умеют доставить самое невероятное удовольствие на https://mytishism.com. | Дешевые проститутки Химки - недорогое удовольствие с горячими девушками. | В поисках анального секса? Наш https://prostitutkinovogourengoyasite.com/ предлагает широкий выбор проституток, готовых к этому виду удовольствия. | Заказать проститутку Абакана - это просто с нашим сайтом, где тебя ждут сотни анкет проституток, готовых сделать тебя счастливым и удовлетворить все твои сексуальные желания. | Познакомься с индивидуалками Кирова , которые не оставят тебя равнодушным, на prostitutkisitecool.com/kirov/индивидуалки и удовлетвори свои самые сокровенные фантазии. | Загляни на https://prostitutkinoginskadate.com/ и открой для себя новые грани наслаждения с проститутками Ногинска. | Только у нас на https://prostitutkishelkovosite.net/ ты сможешь найти проверенных проституток, которые гарантированно доставят тебе удовольствие и удовлетворят все твои сокровенные желания.
