JS - wysyłanie requesta z formularza

0

Mam formularz, ale w requeście chcę wysłać do pliku dom.php jedynie kilka elementów z tego formularza.

form.addEventListener('submit', (e) => {
    e.preventDefault();

    const formData = new FormData(this);
    
    fetch('dom.php', {
        method: 'post',
        body: formData
    }).then(function (resp) {
        return resp.text();
    }).then(function (text) {
        console.log(text);
    }).catch(e => {
        console.log(e);
    })
})

Tutaj w tworzę nowy obiekt FormData(this) przekazując mu cały formularz, jak to zamienić, aby wysłać jedynie np. wartość z inputa name i email?

0

getElementByClassName.value

0

W Twojej metodzie

form.addEventListener('submit', (e) => {
    e.preventDefault();

    const formData = new FormData(this);
...

this wskazuje na obiekt form, do którego dodawany jest event listener.
Następujący zapis

const formData = new FormData(this);

tworzy nowy obiekt typu FormData zawierający wszystkie pola formularza (pobrane z this).
Jeżeli chcesz przesłać jedynie część danych z formularza możesz ręcznie dodać pola do FormData:

const formData = new FormData();
formData.append('name', document.getElementById('name').value);
formData.append('email', document.getElementById('email').value);

1 użytkowników online, w tym zalogowanych: 0, gości: 1