Get Started With

{ Fetch API }

Работа с HTTP-запросами (GET, POST, PUT, PATCH, DELETE)

Метод GET: используется для получения данных.

Card example with CTA button:

const sendRequest = async (body = null) => {
  const url = "https://thefrontend.online/api/personal?token=                        your_token
                    ";
  const options = {
    method: 'GET',
    headers: { "Content-Type": "application/json" },
    body: body ? JSON.stringify(body) : null,
  };

  try {
    const response = await fetch(url, options);
    const data = await response.json();
    return data;
  } catch (error) {
    throw new Error(error.message);
  }
}

TheFrontend.online

Работа с категории апи (GET, POST, PUT, PATCH, DELETE)

Метод GET: используется для получения категории.

Card example with CTA button:

const sendRequest = async (body = null) => {
  const url = "https://thefrontend.online/api/category?token=                        your_token
                    ";
  const options = {
    method: 'GET',
    headers: { "Content-Type": "application/json" },
    body: body ? JSON.stringify(body) : null,
  };

  try {
    const response = await fetch(url, options);
    const data = await response.json();
    return data;
  } catch (error) {
    throw new Error(error.message);
  }
}

TheFrontend.online

Метод POST: используется для добавление категории.

Card example with CTA button:


  const createCategory = async () => {
  const url = "https://thefrontend.online/api/category?token=                        your_token
                    "; // Укажите ваш реальный URL API

  // Объект категории, который будет отправлен на сервер
  const newCategory = {
    parent_id: null, // ID родительской категории, если есть
    user_id: 1, // ID пользователя, который создает категорию
    client_id: 2, // ID клиента, если применимо
    title: "Название категории", // Локальное название категории
    title_en: "Category Title", // Английское название категории
    description: "Описание категории", // Локальное описание
    description_en: "Category description", // Английское описание
    image: "category-image-url.jpg", // URL изображения категории
    status: true, // Статус категории (1 - активна, 0 - неактивна)
  };

  try {
    const response = await fetch(url, {
      method: "POST",
      headers: {
        "Content-Type": "application/json",
      },
      body: JSON.stringify(newCategory),
    });

    if (!response.ok) {
      throw new Error(`Ошибка: ${response.status} ${response.statusText}`);
    }

    const data = await response.json();
    console.log("Категория успешно создана:", data);
  } catch (error) {
    console.error("Ошибка при создании категории:", error.message);
  }
};

// Вызов функции для создания категории
createCategory();

TheFrontend.online

Метод PUT: используется для изменение категории.

Card example with CTA button:


  const createCategory = async () => {
  const url = "https://thefrontend.online/api/category/your_id_category?token=                        your_token
                    "; // Укажите ваш реальный URL API

  // Объект категории, который будет отправлен на сервер
  const newCategory = {
    parent_id: null, // ID родительской категории, если есть
    user_id: 1, // ID пользователя, который создает категорию
    client_id: 2, // ID клиента, если применимо
    title: "Название категории", // Локальное название категории
    title_en: "Category Title", // Английское название категории
    description: "Описание категории", // Локальное описание
    description_en: "Category description", // Английское описание
    image: "category-image-url.jpg", // URL изображения категории
  };

  try {
    const response = await fetch(url, {
      method: "PUT",
      headers: {
        "Content-Type": "application/json",
      },
      body: JSON.stringify(newCategory),
    });

    if (!response.ok) {
      throw new Error(`Ошибка: ${response.status} ${response.statusText}`);
    }

    const data = await response.json();
    console.log("Категория успешно создана:", data);
  } catch (error) {
    console.error("Ошибка при создании категории:", error.message);
  }
};

// Вызов функции для создания категории
createCategory();

TheFrontend.online

Список API для работы с категориями

// API для получения списка категорий с использованием метода GET https://thefrontend.online/api/category?token= your_token
// API для получения категории по ID с использованием метода GET // Это API позволяет получить данные о конкретной категории по её уникальному идентификатору (ID). // Замените your_id_category на ID категории, которую хотите получить. https://thefrontend.online/api/category/your_id_category?token= your_token
// API для добавления новой категории с использованием метода POST // Необходимые параметры: // title (max:256) // title_en (max:256) // description (max:256) // description_en (max:256) // image (max:256, url image) // parent_id (null or category_id) https://thefrontend.online/api/category?token= your_token
// API для изменения категории с использованием метода PUT // Это API позволяет изменить данные существующей категории, указав её уникальный идентификатор (ID). // Замените your_id_category на ID категории, которую хотите изменить. // Доступные параметры для изменения: // title (max:256) // title_en (max:256) // description (max:256) // description_en (max:256) // image (max:256, url image) // parent_id (null or category_id) https://thefrontend.online/api/category/your_id_category?token= your_token
// API для изменения одного параметра категории с использованием метода PATCH // Замените your_id_category на ID категории, которую хотите изменить. // Доступные параметры для изменения: // status (boolean: true or false) https://thefrontend.online/api/category/your_id_category?token= your_token
// API для удаления категории с использованием метода DELETE // Замените your_id_category на ID категории, которую хотите удалить. https://thefrontend.online/api/category/your_id_category?token= your_token

Список API для работы с Пост

// API для получения списка посты с использованием метода GET https://thefrontend.online/api/post?token= your_token
// API для получения пост по ID с использованием метода GET // Это API позволяет получить данные о конкретной пост по её уникальному идентификатору (ID). // Замените your_id_post на ID пост, которую хотите получить. https://thefrontend.online/api/post/your_id_post?token= your_token
// API для добавления новой пост с использованием метода POST // Необходимые параметры: // title (max:256) // title_en (max:256) // description (max:256) // description_en (max:256) // image (max:256, url image) // image_en (max:256, url image) // category_id (category_id) // read_more (max:256) https://thefrontend.online/api/post?token= your_token
// API для изменения пост с использованием метода PUT // Это API позволяет изменить данные существующей пост, указав её уникальный идентификатор (ID). // Замените your_id_post на ID пост, которую хотите изменить. // Доступные параметры для изменения: // title (max:256) // title_en (max:256) // description (max:256) // description_en (max:256) // image (max:256, url image) // image_en (max:256, url image) // category_id (null or category_id) https://thefrontend.online/api/post/your_id_post?token= your_token
// API для удаления пост с использованием метода DELETE // Замените your_id_post на ID пост, которую хотите удалить. https://thefrontend.online/api/post/your_id_post?token= your_token

Присоединяйтесь к нам прямо сейчас!

Зарегистрируйтесь, получите токен и начните практиковать с реальными API, создавайте проекты и открывайте новые возможности.

Приступить