• B правой части каждого сообщения есть стрелки и . Не стесняйтесь оценивать ответы. Чтобы автору вопроса закрыть свой тикет, надо выбрать лучший ответ. Просто нажмите значок в правой части сообщения.

  • Курсы Академии Кодебай, стартующие в мае - июне, от команды The Codeby

    1. Цифровая криминалистика и реагирование на инциденты
    2. ОС Linux (DFIR) Старт: 16 мая
    3. Анализ фишинговых атак Старт: 16 мая Устройства для тестирования на проникновение Старт: 16 мая

    Скидки до 10%

    Полный список ближайших курсов ...

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

rcabrero

New member
04.12.2019
4
-1
BIT
4
Лазил, долго гуглил, т.к особо в этом не шарю, нашел одну статейку, похожую с этим, где задали вопрос по этому поводу.

Проще говоря:
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>
 
Решение
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...

rdh_x

Green Team
26.03.2018
63
5
BIT
0
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

New member
04.12.2019
4
-1
BIT
4
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>
работает, благодарю)
 
Мы в соцсетях:

Обучение наступательной кибербезопасности в игровой форме. Начать игру!