Introduction to AJAX In WordPress
0 likes1,771 views
This document provides an introduction to AJAX in WordPress. It explains that AJAX allows for asynchronous requests that do not require a page reload. It describes how AJAX works, with the client sending a request to the server, the server processing it, responding, and the client receiving the response using JavaScript. In WordPress, AJAX is implemented using jQuery to make GET/POST requests to the admin-ajax.php file, with callbacks to handle the response. Examples are provided and further reading suggested, including using AJAX without admin-ajax and processing forms with AJAX and the REST API.
Introduction to AJAX In WordPress
- 1. Introduction To AJAX In WordPress Josh Pollock -- @Josh412 -- JoshPress.net
- 2. Who Am I?
- 3. What We're Covering Today https://github.com/Shelob9/introduction-to-ajax ● What Is AJAX? ● How It Works In WordPress ● Look At Examples ● How To Take This Further
- 4. PART 1: What Is AJAX?
- 5. What Is AJAX? It's Magic!
- 6. Remember What This Replaced?
- 7. That Is AJAX That's Awesome
- 8. Request Types Did It Cause The Page To Refresh? Request - When the client requests data from server. Asynchronous Request - A request that doesn't require a new page load.
- 9. Processing Client-side : Happens in the browser/app. Server-side - Happens on the server. Server-Side vs Client-Side
- 10. PHP vs JavaScript JavaScript runs client-side* PHP runs server side. * This is true enough for today.
- 11. An AJAX Request Client Sends Request Server Processes Request Server Responds To Request Client Receives Response
- 13. PART 2: How It Works In WordPress
- 14. AJAX In WordPress jQuery GET/POST admin-ajax.php (or other endpoint) jQuery Callback callback function
- 15. AJAX Actions ● wp_ajax_ (logged in users) ● wp_ajax_nopriv_ (non-logged in users)
- 16. Part 2: EXAMPLE TIME!
- 17. Part 3: Further Reading & Questions
- 18. ● AJAX: The WordPress Developers Handbook ● AJAX Without admin-ajax ● Process Forms With AJAX & The REST API ● History API ● The REST API… All things REST API! Further Reading
- 19. Ask Now, Ask Later Questions? Twitter: Josh412 WPORG Slack: shelob9 Post Status Slack: josh