wp_localize_script() — локализация JavaScript, получение данных из PHP

Итак, как именно это работает: мы передаем в функцию параметры, которые могут быть взяты из базы данных, либо являться результатом выполнения других функций, после этого функция выводит все эти параметры в виде JSON-объекта непосредственно перед подключением нужного нам js-файла.

wp_localize_script( $handle, $object_name, $l10n )
$handle
(строка) идентификатор файла JavaScript
$object_name
(строка) название JSON-объекта, который в результате будет содержать значения параметров
$l10n
(массив) ассоциативный массив вида параметр=>значение, может быть многоуровневым

Пример локализации

Обратите внимание, что wp_localize_script() должна быть вызвана только после того, как скрипт будет зарегистрирован или поставлен в очередь на вывод.

function true_localize_example(){
	wp_enqueue_script( 'truescript', get_stylesheet_directory_uri() . '/truescript.js' );
	wp_localize_script( 'truescript', 'true_object', array( 'param_1' => __( 'Options saved.' )) );
}
 
add_action('wp_enqueue_scripts', 'true_localize_example');

В итоге, непосредственно перед вставкой файла truescript.js, функция добавит следующий код:

<script type='text/javascript'>
/* <![CDATA[ */
var true_object = {"param_1":"Настройки сохранены."};
/* ]]> */
</script>

Теперь вы можете обратиться к значению в объекте прямо из truescript.js следующим образом:

alert( true_object.param_1 );

Миша

В последние годы я долго не знал, что мне делать с сайтом misha.blog, ведь он практически не приносит никакого профита, но недавно я осознал, что моя миссия – способствовать распространению WordPress. Ведь WordPress – это лучший движок для разработки сайтов – как для тех, кто готов использовать заложенную структуру этой CMS, так и для тех, кто предпочитает headless решения.

Сам же я впервые познакомился с WordPress в 2009 году. Организатор WordCamp. Преподаватель в школах Epic Skills и LoftSchool.

Если вам нужна помощь с вашим сайтом или может даже разработка с нуля на WordPress / WooCommerce — пишите. Я и моя команда сделаем вам всё на лучшем уровне.

Комментарии — 2

Комментирование этого поста более не доступно.
  • Алекс 7 ноября 2019 #

    Привет! А можно ли обратиться к true_object.param_1 из PHP?

    • Миша 7 ноября 2019 #

      Привет!

      __( 'Options saved.' ))