«неопределенные» данные, отправленные при использовании ajax

Question

Я использую форму HTML для отправки данных на лист Google, это прекрасно работает.Но когда я добавляю ajax-код, данные, отправляемые на лист google, всегда "неопределены", удалите код, который будет работать, но после этого он покажет код действительно ужасным, поэтому я хочу использовать ajax.

$(document).ready(function() {
  var submit = $("button[type='submit']");
  submit.click(function() {
    var data = $('form#test-form').serialize();
    $.ajax({
      type: 'GET',
      url: 'https://script.google.com/macros/s/AKfycby8PCL7hef6N35QAEe7CcGWEVLeONJfy8ATXIsM5Sn7icTDMw8/exec',
      dataType: 'json',
      crossDomain: true,
      data: data,
      success: function(data) {
        if (data == 'false') {
          alert('Oopps! Đã có lỗi. Quý khách hãy thử lại hoặc liên hệ trực tiếp qua hotline nhé.');
        } else {
          alert('Đã tiếp nhận thành công! Cát Tiên sẽ liên hệ lại trong thời gian sớm nhất. Cám ơn quý khách');
        }

      }
    });
    return false;
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form action="https://script.google.com/macros/s/AKfycby8PCL7hef6N35QAEe7CcGWEVLeONJfy8ATXIsM5Sn7icTDMw8/exec" method="GET">
  <input type="text" name="SDT" id="ip2" placeholder=" SĐT hoặc Email">
  <button type="submit" id="submit-form" class="button">Nhận</button>
</form>

<script type="text/javascript">
</script>

Я не знаю о коде, все, что я использую учебник в Интернете.Большое спасибо за вашу помощь.

Answer 1

Вы забыли добавить ID к вашей форме.Ваш скрипт пытается сериализовать форму с идентификатором test-form с помощью этой функции:

var data = $('form#test-form').serialize();

Форма не найдена, поскольку вы забыли добавить идентификатор в форму.

Просто замените HTML вашей формы следующим:

<form 
id="test-form"
action="https://script.google.com/macros/s/AKfycby8PCL7hef6N35QAEe7CcGWEVLeONJfy8ATXIsM5Sn7icTDMw8/exec" method="GET">
<input type="text" name="SDT" id="ip2" placeholder=" SĐT hoặc Email"> 
<button type="submit"id="submit-form" class="button">Nhận</button>
</form>