The WordPress REST API has become the go-to for any communication between the front-end and back-end. We’ve come a long way, from using admin-ajax to a professional, flexible and extendible REST API.<\/p>\n\n\n\n
Registering routes<\/strong><\/p>\n\n\n\n Registering a REST endpoint is pretty easy, below you’ll find some ready-to-use code, including the plugin headers. <\/p>\n\n\n\n This is everything you need to register a new endpoint in the REST API. The example above returns the parameters that you send as an example, so you can experiment and see what data our REST endpoint is receiving.<\/p>\n\n\n\n The front-end part<\/strong><\/p>\n\n\n\n We can send data to this endpoint with a fetch or ajax call in javascript.<\/p>\n\n\n\n Example with Fetch<\/strong><\/p>\n\n\n\n Example with jQuery ajax’s method.<\/p>\n\n\n\n This should show us an array containing param1 and param2 in the console.<\/p>\n\n\n\n 'GET',\n 'callback' => function($request) {\n return $request->get_params();\n },\n 'permission_callback' => function () {\n return current_user_can( 'manage_options' );\n }\n ));\t\n});<\/code><\/pre>\n\n\n\nfetch('https:\/\/example.com\/wp-json\/example\/v1\/action?param1=test¶m2=test2')\n .then(response => response.json())\n .then(data => console.log(data));<\/code><\/pre>\n\n\n\njQuery.ajax({\n url: ''https:\/\/example.com\/wp-json\/example\/v1\/action?param1=test¶m2=test2',\n method: 'GET'\n}, function(data, status){\n console.log(data);\n});<\/code><\/pre>\n\n\n\n