Вывод данных из функции при клике

Question

Всем привет! Я недавно начал изучать Node.js и столкнулся с такой проблемой. У меня есть HTML документ, в котором располагается форма.

<body>
<form method="post" action="/">
  <h1>Get Students Data form</h1>
    <button type="submit">Get data</button>
</form>
<ul id = "list"></ul>

Файл содержится на сервере.

const server = http.createServer((req, res) => {
if(req.method === 'GET'){
    res.writeHead(200, {
        'Content-Type': 'text/html; charset=utf-8'
    })

    if(req.url === '/'){
        fs.readFile(
            path.join(__dirname, 'viewss', 'index.html'),
            'utf-8',
            (err, content) =>{
                if(err){
                    throw err
                }

                res.end(content)
            }
            )
        }

}//загружаем страницу
else if(req.method === 'POST'){
    res.writeHead(200, {
        'Content-Type': 'text/html; charset=utf-8'
    })
    res.end(`Data student: ${loadJsonData()}`)//??????????????????
}

}) И имеется стандартная функция, внутри которой происходит обработка json файла и преобразование в html элемент.

const data = JSON.parse(fileContent)
        // console.log(data)
        const ul = document.querySelector('#list')
        

        for(let key in obj){
            arr.push('<li>'+ obj[key].studName + ' '+ obj[key].gender + ' ' + obj[key].major + ' ' + obj[key].activity + ' ' + obj[key].home +'</li>')
        }
        const html = arr.map(i => i)
     return ul.insertAdjacentHTML('afterbegin', html.join(' '))

Идея: при клике на кнопку(в форме) выводятся данные из функции в виде списка:

<ul id = "list"></ul>

Проблема: При нажатии на кнопку данные из функции не выводятся. Возможно я ее как-то неправильно обрабатываю на сервере

P.S. Уже не нужно, сам разобрался:)

БЛОГ НА HUSL

Вывод данных из функции при клике

Ответы (0 шт):