Untitled

<html lang="en">

<head>
  <title>Szyfrowanie</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="description" content="Opis strony">
  <meta name="author" content="Administrator">
  <meta name="keywords" content="JavaScript">

  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
  <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
</head>

<body>
  <nav>
  <div class="form">
    <input type="button" id="button" name= "send">send
  </div>
</nav>

  <form id="target" action="encript_decript.php" method="POST">
    <button id= "send" onclick="sendToPHP()">wyślij</button>
  </form>

  <script type="text/javascript">

    // Struktura obiektu
    const obj = {
      name: "Marcin",
      pet: {
        name: "Lucek",
        color: "brown",
        speed: 100
      }
    };

    // Obiekt do wysłania
    $.ajax({
        url:         "encript_decript.php",
        method:      "post",
        contentType: "application/json",
        data:         JSON.stringify(obj),  // Zamiania obiektu 'obj' na string.
        dataType:    "json"
      })
      .done(function(res) {
        console.log(res); //dostaliśmy odpowiedź z serwera, wypisujemy ją
      })
      .fail(function() {
        alert("Wystąpił błąd w połączeniu");
      });


    /*
    function sendToPHP(data) {
      $(data).ready(function() {
          $('#send').val(obj);
          $('#target').submit();
      });
    }
   */

  </script>

</body>

</html>