Wilson Mar bio photo

Wilson Mar

Hello. Hire me!

Email me Calendar Skype call 310 320-7878

LinkedIn Twitter Gitter Google+ Instagram 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. VueJs front-end framework

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

  14. Data Visualization using Tableau