0

我必须从我的 HTML 表单中取出我的数据并通过GET请求发送它并将其提取到我的空气表中。

我将我的 HTMLid保存在变量中，然后我只是在一个数据变量中使用它们，在该变量中我打开了一个创建记录，并且对于每个字段，我只需填写var我保存的相应字段，但它只会给我和错误，但是当我使用实际文本而不是我保存的变量，它确实发布到我的空气表。

(function() {
    'use strict';

    window.addEventListener('load', function() {

          //set schortcuts for DOM

          let userJS = document.getElementById('user');
          let sortRadioJS = document.querySelectorAll('input[type="radio"]');
          let schoolnameJS = document.getElementById('name');
          let provincieJS = document.getElementById('provincie');
          let gemeenteJS = document.getElementById('gemeente');
          let straatJS = document.getElementById('Straat');
          let postcodeJS = document.getElementById('postcode');
          let jaarJS = document.getElementById('jaar');
          let btn_next = document.getElementById('next');

          //check form elements
          let checkForm = function() {

            let isValid = true;

            if (userJS.value === 'NULL') {
              isValid = false;
              userJS.classList.remove('valid');
              userJS.classList.add('invalid');
            } else {
              userJS.classList.remove('invalid');
              userJS.classList.add('valid');
            }

            if (schoolnameJS.value === '') {
              isValid = false;
              schoolnameJS.classList.remove('valid');
              schoolnameJS.classList.add('invalid')
            } else {
              schoolnameJS.classList.remove('invalid');
              schoolnameJS.classList.remove('valid');
            }

            if (provincie.value === '') {
              provincieJS.classList.remove('valid');
              provincieJS.classList.add('invalid');
            } else {
              provincieJS.classList.remove('invalid');
              provincieJS.classList.add('valid')
            }

            if (gemeenteJS.value === '') {
              gemeenteJS.classList.remove('valid');
              gemeenteJS.classList.add('invalid');
            } else {
              gemeenteJS.classList.remove('invalid');
              gemeenteJS.classList.add('valid');
            }

            if (straatJS.value === '') {
              straatJS.classList.remove('valid');
              straatJS.classList.add('invalid');
            } else {
              straatJS.classList.remove('invalid');
              straatJS.classList.add('valid');
            }

            if (jaar.value === 'NULL') {
              jaarJS.classList.remove('valid');
              jaarJS.classList.add('invalid');
            } else {
              jaarJS.classList.remove('invalid');
              jaarJS.classList.add('valid');
            }

            if (postcode.value === '') {
              postcodeJS.classList.remove('valid');
              postcodeJS.classList.add('invalid');
            } else {
              postcodeJS.classList.remove('invalid');
              postcodeJS.classList.add('valid');
            }

            return isValid;
          }

          btn_next.addEventListener('click', function(e) {

                let Data = {
                  "records": [{
                    "fields": {
                      "Jaar": jaar,
                      "Soort_user": user,
                      "Schoolname": name,
                      "Provincie": provincie,
                      "Straat": Straat,
                      "gemeente": gemeente,
                      "postcode": postcode
                    }
                  }]
                };

                fetch('https://api.airtable.com/v0/appZa1BwUWdpDNxd4/Table%201', {
                    method: 'POST',
                    headers: {
                      'Authorization': 'Bearer keyDhD8sLGjcEuA4K',
                      'Content-Type': 'application/json'
                    },
                    body: JSON.stringify(Data)
                  })
                  .then(response => response.json())

4

0 回答 0