JavaScript demo of asynchronous XHR and the free OMDb API (Open Movie Database).
- No dependencies, vanilla JavaScript + HTML5.
- It uses JavaScript modules so it won't work offline in a browser. Start a live-server or copy it directly to a server and open the index.html file.
You will need your own OMDb API key, get it from https://www.omdbapi.com/apikey.aspx
https://amarok24.github.io/OMDb-search/src/
SCREENSHOT
TROUBLESHOOTING
You may get one of those errors in the browser console and the script won't run:
Loading module from “xxxxxxx/modules/main.mjs” was blocked because of a disallowed MIME type (“”).
Failed to load module script: The server responded with a non-JavaScript MIME type of "". Strict MIME type checking is enforced for module scripts per HTML spec.
In such cases the server does not know the MIME type of JavaScript modules. A simple renaming to .js (instead of .mjs) won't help. If you are running an Apache server put this into your .htaccess file:
RewriteEngine on
AddType text/javascript js mjs