/ Scripts & jquery / Загрузка JavaScript динамически

Загрузка JavaScript динамически

HIT

21.02.2016

1814

Иногда требуется подгрузить скрипт на лету, в этом поможет технология Ajax.

Обычный скрипт JavaScript динамически

Создаем файл скрипта script-dinamic.js с содержимым

// случайное число от 1 до 100  
var rnd = Math.floor(Math.random()*100+1);  
  
// выводим в контейнер content, добавляя уже к имеющемуся содержимому контейнера  
$("#content").html($("#content").html()+rnd+"
");

Создаем верстку

<form> <input type="button" value="Выполнить скрипт JavaScript" onclick="btnClick();"/> </form>
<div id="content"> </div>
<script>
function btnClick() {
$.getScript('script.js'); // вызываем скрипт
}
</script>

Загрузка скрипта формируемого из PHP

Тот же пример только script.js меняем на script.php

<form> <input type="button" value="Выполнить скрипт JavaScript" onclick="btnClick();"/> </form>
<div id="content"> </div>
<script>
function btnClick() {
$.getScript('script.php'); // вызываем скрипт
}
</script>

Содержимое script.php

<?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.'+"
");';      
?>

Примеры

<form>  <input type="button" value="Выполнить скрипт JavaScript" onclick="btnClick();"/>  </form>  
<div id="content-dinamic"> </div>
<script>function btnClick() {  
       $.getScript('/wp-content/themes/tester/script-dinamic.js');   // вызываем скрипт  
        }</script> 

Обычный скрипт JavaScript динамически

Загрузка скрипта формируемого из PHP

Поделиться в соц. сетях:

  • Похожие записи
  • Комментарии
  • Вложения
Фильтр по меткам (изменение основного запроса)

Фильтр по меткам (изменение основного запроса)

Реализуем фильтрацию записей по меткам путем изменения основного запроса на лету (ajax). Находим все теги записей входящих в категорию Данный код можно вставить в боковую колонку в виде виджета. <?php Читать далее »

/ /
Избранное

Избранное

Реализуем функционал Избранное. Нам надо сделать кнопку добавить в Избранное в шаблоне самой записи и в цикле вывода записей категории. И отдельная страница Избранное где выводятся избранные записи. Плагин Favorites Читать далее »

Отложенная загрузка изображений

Отложенная загрузка изображений

Если на странице есть несколько изображений или есть изображения дублирующиеся на всех страницах (header, footer), то чтобы ускорить общую загрузку сайта, можно установить для изображений отложенную загрузку. Изображение будет появляться Читать далее »

Добавить комментарий

Пока нет комментариев. Будь первым!

Загрузка JavaScript динамически
.htaccess
Рекомендации для вас.htaccessOpttour.ru
Спасибо! Наш менеджер свяжется с Вами в течении 5 минут.