Получение данных с ввода для отправки в WhatsApp - PullRequest
1 голос
/ 12 апреля 2020

Есть скрипт, который отправляет сообщение в whatsapp

<script>
  $(document).ready(function() {
    // URL for the POST /message request
    var url = 'https://eu43.chat-api.com/instance**********/message?token=**********';
    var data = {
      phone: '***********', // Recipient's phone number
      body: 'There should be a message here', // Message
    };
    // Send a request when the button is clicked
    $(".button").click(function() {
      $.ajax(url, {
        data: JSON.stringify(data),
        contentType: 'application/json',
        type: 'POST'
      });
    });
  });
</script>

И есть входные данные, которые клиент заполняет для отправки информации о заказе подключенным партнерам (кафе, ресторанам) по номеру телефона в WhatsApp для формирования и доставки заказа

<input name="name" class="t-input">
<input name="phone" class="t-input">
<input name="address" class="t-input">
<input type="hidden" name="recipient" value="78888888888"> //Phone number of the recipient of order information in whatsapp

Теперь задача состоит в том, чтобы отправить в WhatsApp информацию о заказе, содержащуюся во входных значениях (имя, телефон, адрес), на номер получателя (получателя). и ставьте имена перед каждым вводимым значением (кроме получателя), т. е. имя :, номер телефона :, адрес: из новой строки Значение получателя должно быть вставлено в телефон, а другие входные значения (имя, телефон, адрес) должны быть вставлены в данные.

Пример полученного сообщения:

  • Имя: Alex
  • Телефон: + 79999999999
  • Адрес: Казань, улица Баумана, дом 20, квартира 19
  • Заказ: Пицца "Маргарита"

1 Ответ

0 голосов
/ 12 апреля 2020

Вам просто нужно взять значение из элементов формы и составить значение тела.

Пример:

$(document).ready(function() {
  // Send a request when the button is clicked
  $(".button").click(function() {
    $.ajax('https://eu43.chat-api.com/instance**********/message?token=**********', {
      data: JSON.stringify({
        phone: $('input[name="recipient"]').val(),
        body: 
        `Name: ${$('input[name="name"]').val()}\n`+
        `Phone: ${$('input[name="phone"]').val()}\n`+
        `Address: ${$('input[name="address"]').val()}\n`+
        `Order: Pizza " Margarita"`
      }),
      contentType: 'application/json',
      type: 'POST'
    });
  });
});

за пределами области действия вопрос: добавление проверки.

...