controller.js

import { Controller } from "stimulus"

export default class extends Controller {
  static targets = ["name", "description", "category", "list"]

  postSuccess(event) {
    // console.log("ajax: success");
    let [data, status, xhr] = event.detail;
    this.listTarget.insertAdjacentHTML("afterbegin", xhr.response);
    this.nameTarget.value = "";
    this.descriptionTarget.value = "";
    this.categoryTarget.value = "";
  }

  postError(event) {
    // console.log("ajax: error");
    let [data, status, xhr] = event.detail;

    data.forEach(function(error_message) {
      alertify.error(error_message);
    });
  }
}