Как вывести несколько результатов javascript в разных местах?

Question

[Алексей]

Как сделать вывод разной информации в разных частях страницы?
В одном месте делаю так

$('#Name').click(function(){
		$.ajax({
			url: '/wp-content/services/name.php', 
			method: 'post',
			dataType: 'html',
			data: {
				var1: $('#var1').val(),
                                var2: $('#var2').val(),
			},
			success: function(data){
				$('#result').html(data);
			}
		});
});

<?php
$var1= $_POST['var1'];
$var2= $_POST['var2'];
echo $var1;
echo $var2;

<div id="result">
А как сделать чтобы скажем var1 выводилась в начале страницы, var2 в конце.

Answer 1

[g905]

Ну, например может как-то так

В php выдаем не две переменных, а один объект, закодированный в json.
<?php
$var = ["var1" => "One", "var2" => "Two"];
die(json_encode($var));
?>

В ajax в success парсим этот объект.

$.ajax({
...,
success: function(data) {
let vars = JSON.parse(data);
let var1 = vars.var1;
let var2 = vars.var2;

// Ну и помещаем эти переменные куда нам надо.
$('#placeOne').html(var1);
$('#placeTwo').html(var2);
}
})