Как правильно организовать реквесты фронта с бэком?

Как правильнее (когда и почему) :
1. В HTML тэги form которая отправляет post и get запросы и иногда запросы через js.
2. Полное отсутсвие js запросов (парсинг с помощью ejs и всего такого (извините что это уже не ванилла)).
3. Полное отсутствие тэгов form и все через js что дает полный контроль реквестов.

Дополнительно:

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

  • Все три варианта правильные.
  • Сергей delphinpro, я бы не сказал, что неиспользование формы для формы — правильное решение.
  • WbICHA, ну если это SPA на реакте или вью, нафига там форма?
  • WbICHA, А есть ли возможность через onsubmit какой то перехватить/остановить, обработать и отправить, при этом сервер возвращал данные не скрипту а страничке с html?
  • Сергей delphinpro, для того же, для чего и не на реакте. Ankhena выше написал основную причину.
  • Yukan Mukimura, естественно. А почему этот вопрос задаётся мне, а не гуглу?
  • WbICHA, Я пытался так сделать в прошлом, придется пытаться опять, надеюсь наконец покончу с формами в html.
  • WbICHA, да брось. Если говорить о доступности, то есть role="form". A сама форма (тег form) не требуется в SPA
  • Сергей delphinpro, А ведь реально зачем в spa формы. В редких случаях можно.
  • Сергей delphinpro, ну окей, с голой формой я ещё могу отчасти согласиться, но для работы с формами полно библиотек и с ними уже совсем другой разговор.


    • + Заказать

     

    Для решения данной проблемы вы можете воспользоваться услугами фрилансеров. Мы выполним необходимую работу быстро и качественно.

     

      • Как правильно организовать реквесты фронта с бэком?Есть ответ
      • 07.04.2024
      Ответить

      Для правильной организации запросов от фронтенда к бэкенду необходимо следовать определенным принципам и использовать соответствующие технологии. Ниже приведены основные шаги, которые помогут вам организовать реквесты между фронтендом и бэкендом:

      1. RESTful API: Используйте принципы RESTful API для разработки веб-сервисов, которые позволяют взаимодействовать с бэкендом через стандартные HTTP методы (GET, POST, PUT, DELETE). Это позволит вам создать удобный и гибкий интерфейс для обмена данными между фронтендом и бэкендом.

      2. AJAX: Для отправки асинхронных запросов с фронтенда на бэкенд используйте технологию AJAX. Она позволяет обновлять содержимое страницы без перезагрузки и делает взаимодействие между клиентом и сервером более быстрым и удобным.

      3. JSON: Для передачи данных между фронтендом и бэкендом используйте формат JSON (JavaScript Object Notation). JSON является легким и удобочитаемым форматом данных, который широко используется в веб-разработке.

      4. Аутентификация и безопасность: Обеспечьте безопасность передачи данных между фронтендом и бэкендом, используя протокол HTTPS и механизмы аутентификации (например, JWT или OAuth). Это поможет защитить данные от несанкционированного доступа и поддерживать конфиденциальность пользовательской информации.

      Пример кода на PHP для отправки POST запроса с фронтенда на бэкенд:

      // Фронтенд
const data = { username: 'john_doe', password: 'password123' };
 
fetch('https://example.com/api/login', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify(data)
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error('Error:', error));
      // Бэкенд (PHP)
$data = json_decode(file_get_contents('php://input'), true);
 
$username = $data['username'];
$password = $data['password'];
 
// Обработка запроса и отправка ответа

      Следуя этим рекомендациям и примерам кода, вы сможете организовать эффективное взаимодействие между фронтендом и бэкендом, что позволит создать мощное и функциональное веб-приложение.

    Оставить комментарий