Как вывести нужные данные из строки json в div при запросе к php?

Question

[Андрей]

Делаю запрос из формы:

<form action="input1_save.php" method="post">
    <input type="text" name="num" value="2">
    <input type="text" name="id" value="32">
    <input type="submit" name="" value="go">
</form>
<div id="out">
    <div id="name"></div>
    <div id="f_name"></div>
    <div id="enable"></div>
</div>

В ответ прилетает json:

[
    {
        "conf":{
            "type":"text",
            "tech_type":"js",
            "parser":"jq",
            "comm1":"5mr",
            "comm2":"priv",
            "name":"Petr",
            "f_name":"Ivanov",
            "enable":"no"
        }
    }
]

Необходимо чтобы значения из списка отобразились в div id согласно их названию.

Comments

[Александр Нестеров]

А в чем, собственно проблема? Вставляйте.

[Максим Ткачев]

куда прилетает json?

[Андрей]

Максим Ткачев, Он открывается за место моей страницы в браузере

[Максим Ткачев]

<?
$arr=jsondecode($json,true);
?>

<div id="out">
    <div id="name"><?=$arr['name']?></div>
    <div id="f_name"><?=$arr['f_name']?></div>
    <div id="enable"><?=$arr['enable']?></div>
</div>

[Андрей]

Максим Ткачев, А можете на js? У меня локальная html страница.

[Максим Ткачев]

тогда повторю свой вопрос. куда прилетает json? как вы отправляете данные формы? где обрабатывается запрос? как получается json?

[Андрей]

Максим Ткачев, Я не совсем понимаю Ваш вопрос.
У меня есть локальная html страница с формой(в теле вопроса выше).
При заполнении input и нажатии на submit отправляется post запрос к http://****.ru/input1_save.php с данными из формы.
После нажатия на submit открывается страница с ответом на json(в теле вопроса выше).
Мне нужно чтобы не открывалась страница с json ответом, а значения отображались под формой в div согласно его id.

Пример:

//пользователь нажал на submit
//Запрос к http://****.ru/input1_save.php
//Прилетают данные в json
//Данные парсятся и отображаются в div


Petr
Ivanov
no


Доступ к серверу где лежит "input1_save.php" предоставить нет возможности.

[Максим Ткачев]

Т.е. обработчик формы находится в другом скрипте чем сама форма?
Тогда самое простое- переписать запрос на AJAX
если AJAX по какимто причинам никак - тогда надо настроить редирект после обработки в скрипте input1_save.php на страницу с формой - данные передавать можно в $_SESSION, либо добавить как аргументы к URL

Answer 1

[Rst0]

HTML

<div class="out"></div>
 <!-- пустой div для вывода данных-->

JS

// в скобках JSON.parse() ответ сервера json
const answer = JSON.parse('[{"conf":{"type":"text","tech_type":"js","parser":"jq","comm1":"5mr","comm2":"priv","name":"Petr","f_name":"Ivanov","enable":"no"}}]')[0].conf;  

const out = document.querySelector('.out'); // находим div 

out.innerHTML =''; // очищаем его 
for (key in answer) {    //перебираем объект 
      out.innerHTML += '<div id="'+key+'">'+answer[key]+'</div>'; добавляем внутрь out 

}