WordPress's Hidden Gem: The wp.ajax Utility

[andreilupu]

Hey,

I'm proposing the following topic as an article about the wp.ajax utility.
The majority of WordPress developers are not aware of this tool that could cut the number of lines for a simple Ajax code from 15 lines to 3.

I'll leave the draft here for feedback. I'm pretty sure there are things to improve.

https://docs.google.com/document/d/1kwmd3rpWuHRBVtCaTnxa0mVz1Z89QzqiUZMhY6Ugd1g/edit?usp=sharing

[n8finch]

Looks really interesting, @andreilupu ! Just going through the examples, the only "first glance" suggestion I have would be to replace any jQuery (e.g. jQuery or $ with document.getElementById(), even though jQuery might be available.

I'd also look for an example on how this could be included in a custom block for ajax calls there. Can it be imported and compiled, e.g., import ajax from 'some-wp-package';?

Looking forward to the finished product!

[andreilupu]

Hey @n8finch, thanks for the feedback.

I intentionally used the jQuery version because it made the code look "longer." By comparing it with the wp.ajax code sample, the contrast appears larger, but I can change it to a shorter version, no problem.

This utility comes from this file, which means that the utility is available only via the global variable wp.ajax(as long as we use the proper dependency), we cannot use import on it.

I can think about an example of a custom block that uses it, it could be something that needs a server-side Ajax callback, something that returns a piece of data.

[bph]

The topic was approved and conversation moved to this issue

• WordPress's Hidden Gem: The wp.ajax Utility #386