Wilson Mar bio photo

Wilson Mar

Hello. Hire me!

Email me Calendar Skype call 310 320-7878

LinkedIn Twitter Gitter Google+ Youtube

Github Stackoverflow Pinterest

I won’t sell it, I promise


Overview

This discusses the “A” of the JAM stack - the API called by JavaScript.

Not on this list

Salesforce provides a service, but it costs $1,000 per year.

Sample redirects visitors?

What we want in our sample is an iframe and async JavaScript so visitors stay on your website. Here’s an example for jQuery:

$.ajax({
    url: "https://formspree.io/you@email.com", 
    method: "POST",
    data: {message: "hello!"},
    dataType: "json"
});

If the example code to paste is a HTML form (such as what FormSpree offers)

<form action="https://formspree.io/your@email.com" method="POST">
    <input type="text" name="name">
    <input type="email" name="_replyto">
    <input type="submit" value="Send">
    <input type="hidden" name="_subject" value="New submission!" />
    ≪input type="hidden" name="_next" value="//site.io/thanks.html" />
    <input type="text" name="_gotcha" style="display:none" />
</form>

your users will be taken to a site owned by the emailer, and may not return.

Spam protection

It’s important to protect your regular email address from harvester bots.

So use a throw-away email address and configure that account to have all emails forwarded to your real email address.

Or pay for sign-up for formspree’s use of a randomized number instead of your email.

Save forms to a database

Email services

  • send you an email with all the form content, plus enhancements

  • Lookup the physical location associated with the IP address.

  • Edit data in a form

  • Organise data in collections, e.g. to differentiate the user-generated contents from your private configuration settings

  • store and download data using different formats (e.g. a JSON for a feedback page and a plain-text for a contact form)

  • query/update your data by another program using a RESTful API.

  • Statistics such as the number of new entries per day/month, etc.

More on front-end software development

This is one of several topics:

  1. Text Editors
  2. Markdown text for GitHub from HTML
  3. 508 Accessibility

  4. JAM Stack Website Project Plan
  5. HTTP/2 Transition Project Plan
  6. Static websites
  7. Jekyll Site Development

  8. Website styles
  9. Website Styling

  10. Email from website
  11. Search within Hyde format Jekyll websites
  12. Windows Tile Pin Picture to Website Feed

  13. Data Visualization using Tableau