My website have submenus for sections. What I want to do is, when users click the submenu, the content changes accordingly. For example, if user clicks “Pen”, the contents of the shall be list of pens, clicks “Eraser” , contents shall be eraser list.
How can I achieve this by using Django template and ajax? I know that I could retrieve the information as JSON data and parse it to update the div, but that requires a lot of work and I cannot use the Django template functionality.
I managed to pass the AJAX request to the server and process the list, but how can I return the rendered template as AJAX result?
Simply return the rendered template fragment. You don’t need to do anything special. Your Javascript can then just insert it into the DOM at the relevant point.