Browser function example

form_to_couchdb.html

<div id="success">
    <b>Success!</b>
    <p>
        Thank you for submitting your message. We will get back to you ASAP.
    </p>
</div>

<div id="failed">
    <b>Failed!</b>
    <p>
        Something went wrong, sorry. Try again later.
    </p>
</div>

<script>
// The form POST data comes through as the args parameter
async function main(args, md) {
    let env = md.env; // environment variables from environment.json
    let res = await addDocument(env.db_url, env.db_key, env.db_token, args);
    
    if (res.ok) {
        return document.getElementById("success").innerHTML;
    } else {
        return document.getElementById("failed").innerHTML;
    }
}
    
// Generic function to Add a document to CouchDB. Returns a Promise.
function addDocument(dbUrl, dbKey, dbToken, data) {
    return fetch(dbUrl, {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json',
            'Authorization': 'Basic ' + btoa(dbKey + ":" + dbToken)
        },
        body: JSON.stringify(data)
    }).then(function (response) {
        return response.json();
    })
}
</script>