AJAX in J4.x MVC

[KriZan]

Hi, I developed an admin component based on J4.x MVC docs (https://docs.joomla.org/J4.x:Developing ... ponent/de​).

Now I try to use AJAX to prevent reloading the whole site. Unfortunately I can't find useful 'how to' informations. The J3.x MVC docs are not useful to me to translate that into a J4 MVC.


Thanks for support!

[pe7er]

Some other Joomla 4 developer resources:

• https://blog.astrid-guenther.de/en/joom ... m-backend/
• https://www.dionysopoulos.me/book

That second resource has a small page about AJAX: https://www.dionysopoulos.me/book/plg-com-ajax.html
Maybe it will help you a little further...

[KriZan]

Thanks dude. But...

Astrids blog is a well known ressource to me, but there's no information about AJAX calls.

The component com_ajax won't help too. First, this is only for modules and plugins - and I try to realize it in the MVC itself. Second, there's no hint how to supress all the header stuff generated by Joomla component to return just a json string.

I don't get why the Joomla developers shut down J3 while not having a complete documentation for J4.

[SharkyKZ]

Are you asking about HTTP headers or about HTML content such as the template header being rendered in the response?

[KriZan]

Just want to make an AJAX call inside of my admin component to refresh some data. So my component should'nt output any rendered HTML, just make a DB request, prepare the content and return it as an JSON string.
I thought about adding a parameter to the call like:
?option=com_mycomponent&view=panel&format=json

or sth like that. Maybe there's a better way by creating a separate ajax.php file for handling just such requests. But where and what should be inside? Maybe its both - a file and a special URI call (by passing the correct parameter) and J4 is doing the rest for me (thats what I hope )

[SharkyKZ]

Adding format=json parameter is correct if you want to use JSON output.

Maybe there's a better way by creating a separate ajax.php file for handling just such requests

No, creating custom entry points is generally a bad practice.

[KriZan]

After a couple of tries, I think I got it!
1. add &format=json to the URI
2. create a file JsonView.php in com_mycomponent/src/View/Viewname and insert following code

Code: Select all

<?php

namespace [VENDOR]\Component\[ComponentName]\Administrator\View\[ViewName] ;

defined('_JEXEC') or die;

use Joomla\CMS\MVC\View\JsonView as BaseJsonView;

class JsonView extends BaseJsonView {
    function display($tpl = null) {
		echo 'whatever you want';
	}
}

3. pass everything you want by using POST or GET and use jQuery.ajax

Now its time to insert tokencheck and content

[Per Yngve Berg]

Mod. Note: Not related to Extensions. Relocated the topic to the coding forum.

[ceford]

Have a look at this example: https://docs.joomla.org/J4.x:Joomla_4_T ... l_Box_Data

In essence you use JavaScript to fetch data from the server and place it wherever you want in the page. I use the async method a lot to fetch individual data items to update information on request.