顧客管理ソフト

以下が実際のプログラムになります。jQueryを使用しています。

<html>
<head>
  <meta charset="UTF-8">
  <title>顧客管理ソフト</title>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
  <h1>顧客管理ソフト</h1>
  <form id="customer-form">
    <label for="name">名前: </label>
    <input type="text" id="name" name="name" required><br>

    <label for="address">住所: </label>
    <input type="text" id="address" name="address" required><br>

    <label for="industry">業種: </label>
    <input type="text" id="industry" name="industry" required><br>

    <label for="order-history">注文履歴: </label>
    <textarea id="order-history" name="order-history" rows="5" required></textarea><br>

    <input type="submit" value="保存">
  </form>

  <script>
    $(function() {
      $('#customer-form').submit(function(event) {
        event.preventDefault(); // デフォルトのフォーム送信をキャンセル

        // フォームのデータを取得してオブジェクトにまとめる
        var customer = {
          name: $('#name').val(),
          address: $('#address').val(),
          industry: $('#industry').val(),
          orderHistory: $('#order-history').val()
        };

        // オブジェクトをJSONに変換してサーバーに送信
        $.ajax({
          type: 'POST',
          url: '/save-customer',
          data: JSON.stringify(customer),
          contentType: 'application/json'
        }).done(function(data) {
          alert('保存しました！');
        }).fail(function(jqXHR, textStatus, errorThrown) {
          alert('保存に失敗しました。');
        });
      });
    });
  </script>
</body>
</html>

ジョーク：顧客管理ソフトで最も重要なのは、顧客以外の何者でもありません。