Airtable on simple web page with Ajax

Mike_Ball · ‎Apr 10, 2018

Hi

Really simple requirement but just can’t get my head round it (put it down to advancing years)

I want a simple HTML and JavaScript page with a search field that just searches a particular field in an airtable table and returns results

Anyone got an example to hand they can share?

Thanks
Mike

Andrew_Johnson1 · ‎Apr 11, 2018

You will probably want a server side solution since you do not want to store the Airtable API key on the client side!

Also in case you want to go the Javascript way for your server side code…I would suggest looking into the Airtable Node.js client

You might want to look into this example to get you started…

github.com

Airtable/airtable.js/blob/master/test/test_files/index.html

<!DOCTYPE html>
<html>
    <head>
        <script src="https://code.jquery.com/jquery-1.12.2.min.js"></script>
        <script src="airtable.browser.js"></script>
    </head>
    <body>
        <h1>Artists</h1>
        <div id="artists"></div>

        <hr/>
        <button id='create'>Create</button>
        <div id="created"></div>
    </body>


    <script>
var Airtable = require('airtable');
// Get a base ID for an instance of art gallery example
var base = new Airtable({ apiKey: 'FILL_OUT_API_KEY' }).base('FILL_OUT_BASE_ID');

This file has been truncated. show original