Как вернуть значение обратно в web форму из NODE?

Question

[Андрей]

Есть два файла:
(клиентская часть) index.ejs с которого отправлены значения

…
<div id="info"></div>
<script>
            $.post("/index", {
                    name: "ТЕСТ",
                    designation: "FN_TAST",
                });
</script>
…

(серверная часть) app.js как полученные данные "info" вернуть обратно, в (клиентская часть)

...
app.post("/index", (req, res) => {
  res.json([{
    name_recieved: req.body.name,
    designation_recieved: req.body.designation,
  }])

//требуется вернуть обратно на страницу в id="info"
let info = `${req.body.name} <br> ${req.body.designation}`
...

Answer 1

[Антон Горецкий]

Если хотите получить ответ на отправленное сообщение - нужно задать ф-ю которая будет этот ответ обрабатывать. Это третий параметр метода post:

$.post("/index", {
                    name: "ТЕСТ",
                    designation: "FN_TAST",
                }, function( data ) { //  передаем и загружаем данные с сервера с помощью HTTP запроса методом POST
	      $( "div" ).html( data ); // вставляем в элемент <div> данные, полученные от сервера
	    });

Comments

[Андрей]

Вот более точный код, для понимания …

//серверная часть app.js NODEJS/Express
app.post("/index", (req, res) => {
    res.json([{
      difvar: req.body.str
    }])
    let dif = req.body.dif;
    let sqlsearch = `SELECT idkp, kp FROM autdb.kp2022 where kp like '%${dif}%' limit 0,10;`;
    if (dif.length >= 4) {
      pool.query(sqlsearch)
        .then(data => {
          let datafm = data[0]
          let hint = "";
          let dl = data[0].length
          for (i = 0; i < dl; i++) {
            hint = hint + `${datafm[i].kp} ${datafm[i].idkp} <br>`
          }
         ..... //возврат данных 'hint' в клиентскую часть
        })
    }
  })

[Антон Горецкий]

Андрей, Примерно так должно быть

app.use(express.json({ extended: true }))

app.post("/index", async(req, res) => {
	let dif = req.body.name;
	let sqlsearch = `SELECT idkp, kp FROM autdb.kp2022 where kp like '%${dif}%' limit 0,10;`;
	if (dif.length >= 4) {
		pool.query(sqlsearch)
			.then(data => {
				let datafm = data[0]
				let hint = "";
				let dl = data[0].length
				for (i = 0; i < dl; i++) {
					hint = hint + `${datafm[i].kp} ${datafm[i].idkp} <br>`
				}
				res.status(200).json({ hint })
        })
    } else {
		res.status(403).json({ message: 'Меньше 4-х символов' })
	}
  })

[Андрей]

Антон Горецкий, Спасибо за вашу помощь и время!

Answer 2

[zkrvndm]

document.querySelector('#info').innerHTML = info;

Comments

[Андрей]

Я возможно, не точно выразился, не могу понять как с северной части (с nodejs) отправить результат в клиентскую, обратно.
Видимо нужно что то типа:

app.get('/index', function(req, res) {
  res.json({
    number: info
  });
});

[zkrvndm]

Андрей, тут не подскажу, я сам серверную часть всегда на php делаю, с node.js опыта нет.

[Антон Горецкий]

Андрей, Так вы ничего и не сказали что у вас на серверной части. Нативный код, express или другой фреймворк.

[Андрей]

Антон Горецкий, express. Вот собственно не могу понять, как с него отправить полученный результат на сторону сервера.

app.post("/index", (req, res) => {
    res.json([{
        name_recieved: req.body.name,
        designation_recieved: req.body.designation,
    }])
    let info = `${req.body.name} <br> ${req.body.designation}`
    return info; // требуется вернуть полученное значение обратно клиенту... код я постарался упростить, но смысл думаю понятен
});