[HTML] Помогите настроить код), передача информации методом POST через input окно в вебхук

rdh_x · 12.03.2021

HTML:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Discord Webhook Tutorial</title>
  </head>
  <body>
    <!-- Строка которую нужно дописать. Начало. -->
    <input type="text" value="то, что тебе нужно передать">
    <!-- Строка которую нужно дописать. Конец. -->
    <button onclick="sendMessage()">Send</button>
  </body>

  <script>
    function sendMessage() {
      var request = new XMLHttpRequest();
      request.open("POST","webhook link");

      request.setRequestHeader('Content-type', 'application/json');

      var params = {
        username: "My Webhook Name",
        avatar_url: "",
        content...

rcabrero · 10.03.2021

Лазил, долго гуглил, т.к особо в этом не шарю, нашел одну статейку, похожую с этим, где задали вопрос по этому поводу.

Проще говоря:
POST - передача введенной информации с INPUT, нажав на BUTTON в вебхук, вроде как код немного настроил, вопрос предстоит с формой и окном INPUT, content-поле я то настроил, но вопрос остается в самом html коде, дабы это поле выводилось, неравнодушные люди, что мне необходимо дописать, дабы окно input окно выводилось и работало на передачу информации POST-методом?

Код:

Код:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Discord Webhook Tutorial</title>
  </head>
  <body>
    <button onclick="sendMessage()">Send</button>
  </body>

  <script>
    function sendMessage() {
      var request = new XMLHttpRequest();
      request.open("POST","webhook link");

      request.setRequestHeader('Content-type', 'application/json');

      var params = {
        username: "My Webhook Name",
        avatar_url: "",
        content: document.querySelector("input").value
      }

      request.send(JSON.stringify(params));
    }
  </script>
</html>

rdh_x · 12.03.2021

HTML:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Discord Webhook Tutorial</title>
  </head>
  <body>
    <!-- Строка которую нужно дописать. Начало. -->
    <input type="text" value="то, что тебе нужно передать">
    <!-- Строка которую нужно дописать. Конец. -->
    <button onclick="sendMessage()">Send</button>
  </body>

  <script>
    function sendMessage() {
      var request = new XMLHttpRequest();
      request.open("POST","webhook link");

      request.setRequestHeader('Content-type', 'application/json');

      var params = {
        username: "My Webhook Name",
        avatar_url: "",
        content: document.querySelector("input").value
      }

      request.send(JSON.stringify(params));
    }
  </script>
</html>

Но лучше было бы не

JavaScript:

document.querySelector("input").value

а вот так

JavaScript:

document.getElementById("input-id").value

а строке, которую я написал выше добавить атрибут id со значением "input-id":

Как-то так:

HTML:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Discord Webhook Tutorial</title>
  </head>
  <body>
    <input type="text" id="input-id" value="то, что тебе нужно передать">
    <button onclick="sendMessage()">Send</button>
  </body>

  <script>
    function sendMessage() {
      var request = new XMLHttpRequest();
      request.open("POST","webhook link");

      request.setRequestHeader('Content-type', 'application/json');

      var params = {
        username: "My Webhook Name",
        avatar_url: "",
        content: document.getElementById("input-id").value
      }

      request.send(JSON.stringify(params));
    }
  </script>
</html>

rcabrero · 18.03.2021

rdh_x сказал(а):

HTML:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Discord Webhook Tutorial</title>
  </head>
  <body>
    <!-- Строка которую нужно дописать. Начало. -->
    <input type="text" value="то, что тебе нужно передать">
    <!-- Строка которую нужно дописать. Конец. -->
    <button onclick="sendMessage()">Send</button>
  </body>

  <script>
    function sendMessage() {
      var request = new XMLHttpRequest();
      request.open("POST","webhook link");

      request.setRequestHeader('Content-type', 'application/json');

      var params = {
        username: "My Webhook Name",
        avatar_url: "",
        content: document.querySelector("input").value
      }

      request.send(JSON.stringify(params));
    }
  </script>
</html>

Но лучше было бы не

JavaScript:

document.querySelector("input").value

а вот так

JavaScript:

document.getElementById("input-id").value

а строке, которую я написал выше добавить атрибут id со значением "input-id":

Как-то так:

HTML:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Discord Webhook Tutorial</title>
  </head>
  <body>
    <input type="text" id="input-id" value="то, что тебе нужно передать">
    <button onclick="sendMessage()">Send</button>
  </body>

  <script>
    function sendMessage() {
      var request = new XMLHttpRequest();
      request.open("POST","webhook link");

      request.setRequestHeader('Content-type', 'application/json');

      var params = {
        username: "My Webhook Name",
        avatar_url: "",
        content: document.getElementById("input-id").value
      }

      request.send(JSON.stringify(params));
    }
  </script>
</html>

работает, благодарю)