Breaking News: Grepper is joining You.com. Read the official announcement!

FORM api

Enchanting Echidna answered on February 3, 2022 Popularity 9/10 Helpfulness 1/10

answer FORM api

FORM api

Comment

const btn = document.querySelector('#submit');
const form = document.querySelector('#subscription');
const messageEl = document.querySelector('#message');

btn.addEventListener('click', (e) => {
    e.preventDefault();
    subscribe();
});

const subscribe = async () => {
    try {
        let response = await fetch('subscribe.php', {
        method: 'POST',
        body: new FormData(form),
        });
        const result = await response.json();

        showMessage(result.message, response.status == 200 ? 'success' : 'error');
    } catch (error) {
        showMessage(error.message, 'error');
    }
};

const showMessage = (message, type = 'success') => {
    messageEl.innerHTML = `
        <div class="alert alert-${type}">
        ${message}
        </div>
    `;
};
Code language: JavaScript (javascript)

Popularity 9/10 Helpfulness 1/10 Language javascript

Source: www.javascripttutorial.net

Tags: form-api javascript

Link to this answer
Share Copy Link