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

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

HIT

21.02.2016

1648

Иногда требуется подгрузить скрипт на лету, в этом поможет технология 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

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

  • Похожие записи
  • Комментарии
  • Вложения
Массовое редактирование свойств товаров

Массовое редактирование свойств товаров

Быстрое изменение товаров Для того чтобы массово отредактировать товары woocommerce нужно установить плагин Woocommerce advanced bulk edit. В репозитории плагинов WordPress его нет, он платный. Если поискать на просторах интернета Читать далее »

/ /
Новинка (товар NEW полем)

Новинка (товар NEW полем)

Ранее были рассмотрены варианты добавления лэйбла New полуавтоматическим способом (последние созданные товары, либо по времени от текущего), либо назначением метки NEW. Здесь разберем как сделать данный функционал полем и какие Читать далее »

/
Опросы на сайте без плагина

Опросы на сайте без плагина

Создадим функционал сбора информации (опросов) от посетителей без использования плагинов, дорабатывая нужные аспекты так как нам нужно. Как создать функционал опросов с помощью плагинов описано здесь. Создадим форму опроса для Читать далее »

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

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

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