Switching news sections in DLE via Ajax/JavaScript?

Question

JavaScript

Actually a subject. There is such a block on the main page of the site with the DLE engine.



Please help me to make it so that when you click on the section buttons, the list of news in the DIV block changes without reloading the page. By default, the output is now carried out as follows:

<div  id="news-block">
      {custom category="2,3,4,5,6" template="shortstory2" aviable="main" from="0" limit="50" cache="no"}
      </div>

Those. this is a standard connection of any template on the DLE. It is necessary that, for example, when you click the "Update" button, category="2,3,4,5,6" changes to category="3", and similarly to the others, only the block is updated. When we click on the "All" button, it returned to default. Solutions are accepted in any available language.