Как использовать PHP цикл Foreach в Javascript?

Question

[Фарик Азизов]

Приветствую всех!

Есть калькулятор расчёта стоимости проезда по API YandexMaps.
Стоимость некоторых маршрутов (например: г Симферополь - пгт Коктебель) рассчитается по ранее заданному тарифу. На JS кое-как реализовал данный механизм.

Вот кусочек кода:

if ((jQuery("#from").val().indexOf("Симферополь") !== -1) && (jQuery("#to").val().indexOf("Коктебель") !== -1)) {
	var curPrice = 2000;
	console.log("Маршрут: Симферополь - Коктебель");
} else if ((jQuery("#to").val().indexOf("Симферополь") !== -1) && (jQuery("#from").val().indexOf("Коктебель") !== -1)) {
	var curPrice = 2000;
	console.log("Маршрут: Коктебель - Симферополь");
} else {
	var curPrice = +(jQuery("#price" + jQuery("#class").val()).val()) * Math.floor(length);
}

Теперь хочется сделать так чтобы эти маршруты добавлялись с помощью кастомных полей на CMS WordPress с использованием PHP Foreach.

Буду благодарен за любую помощь.

Comments

[Алекс Глебов]

через json передавай данные в js

Answer 1

[WP Panda]

Во первых, php в js работать не будет, в js есть свои циклы
Во вторых не очень понятно что же вы не хотите. Передать список маршрутов из произвольных полей в js ?

Comments

[Фарик Азизов]

Спасибо за отклик, в php знаю как передать список маршрутов из произвольных полей, а как передать список маршрутов из произвольных полей в js (список маршрутов создан с помощью acf repeater )?

[WP Panda]

Так

https://developer.wordpress.org/reference/function...

[Фарик Азизов]

WP Panda, не могли бы вы написать минимальную конструкцию данной функции с использованием acf repeater?

[WP Panda]

Фарик Азизов, наверное как то так

function theme_enqueue_scripts() {
		/**
		 * frontend ajax requests.
		 */
		wp_enqueue_script( 'action', '//example.com/assets/js/action.js', [], null, true );
		wp_localize_script( 'action', 'MyData', [ 'fields' => get_field( 'repeater_field' ) ] );
	}

	add_action( 'wp_enqueue_scripts', 'theme_enqueue_scripts' );

в action.js данные полей будут доступны в MyData.fields