Отправка запроса на сервер

чтобы отправлять запрос на сервер, он должен у тебя быть

берешь отправляешь данные на какой то url, метод POST, и отправляешь какой нибудь объект, в JSON формате (можно вообще что угодно, объект для примера)


Вот пример

 const someData = {
   email: '1231231',
   password: '123123'
}
fetch('/login', method: 'POST', body: JSON.stringidy(somedata))

Там еще нужно указывать contentType, кодировку, но это не прям обязательно, для простого примера сойдет и так. Как видишь, мы отправляем объект someData преобразованный в JSON, на url /login. На сервере принимаешь запрос и вытаскиваешь данные из body. 

 fetch('/login', {method: 'POST', body: JSON.stringidy(somedata)}) 

Отправка запроса:
1) самый простой с помощью html - добавляешь элемент формы, прописываешь атрибуты method = POST, PUT или др., action = адрес, куда отправляешь запрос. Внутри формы добавляешь поля для ввода данных и кнопки reset, submit. Можно просто сделать форму с одной кнопкой, если вводить данные нет необходимости, например, если это кнопка удалить.

 

  Поле 1:
  


  Поле 2:
  

  
  


  
 

2) с помощью JavaScript, тут тебе сначала придется получить данные из страницы. Если используешь фреймворки вроде react, angular, vue и т.д., то данные за тебя извлекает фреймворк и поэтому там отправка запросов через js удобнее. В остальных случаях, js нужен, если хочешь получить ответ от сервера и не загружая страницу его показать.

Получение запроса на сервере:

 app.route('/api/enpoint_name') 
  .get(function(req, res) {
    // тут обрабатываешь запрос
  }) 
  .post(function(req, res) { 
    // тут обрабатываешь запрос 
  }) 
  .put(function(req, res) { 
    // тут обрабатываешь запрос
  }); 

Прописываешь enpoint_name, который тебе нужен и методы, которые ты используешь, там обрабатываешь полученные данные и можешь отправить ответ, если тебе нужно.