JSFiddle - React, Tailwind, and code Playground

by Vlady_32

HTML

<div id="content">
			<nav>
				<div>
					<p><a class="links view">Просмотр справочника</a></p>
					<p><a class="links" id="add">Добавление записей</a></p>
					<p><a class="links" id="edit">Редактирование записей</a></p>
					<p><a class="links" id="delete">Удаление записей</a></p>
					<p><a class="links search">Поиск записей</a></p>
					<p><a class="links" id="control">Управление списком пользователей</a></p>
				</div>
			</nav>
			<div id="workplace">Рабочая область</div>
		</div>

JavaScript

$(document).ready(function(){
	
	$(".view").click(function() {
		$.ajax({  
			type: "POST",
	        url: "actionController",
	        data: {command: 'view', start: '0'},
	        success: function(html){ 
	        	$("#workplace").html(html);
	        }
	    });
	});
	
	$("#add").click(function() {
		sendAjax("add");
	});
	
	$("#edit").click(function() {
		sendAjax("edit");
	});
	
	$("#delete").click(function() {
		sendAjax("delete")
	});
	
	$(".search").click(function() {
		sendAjax("search");
	});
	
	$("#control").click(function() {
		sendAjax("control")
	});
	
});

function sendAjax(parameterPath) {
	$.ajax({  
		type: "POST",
        url: "redirectController", 
        data: {path: parameterPath},
        success: function(html){  
            $("#workplace").html(html);  
        }  
    });
}