Не могли бы вы создать разные URL для каждого взаимодействия, которое вы выполняли в сценарии с jquery и ajax?

Question

Оказывается, у меня есть скрипт внутри HTML, который выполняет несколько взаимодействий, но URL-адрес не меняется.Мое намерение состоит в том, чтобы я изменил его, чтобы сделать его более привлекательным.

Например, www.domain.com

** Примечание1 ** -> Скрипт взаимодействует с кнопкой "btnCategoria"..(www.domain.com/ndomcategory coming/ enjsubcategory coming)

В настоящее время скрипт выполняет два взаимодействия, но URL остается неизменным (www.dominio.com).Я видел в качестве опции "window.history.pushState", но это дало бы мне только фиктивный URL (www.dominio.com/ndomcategoria}).Моя идея состоит в том, чтобы, разместив впоследствии URL-адрес категории или подкатегории, выполнить необходимые взаимодействия сценария, чтобы он находился в желаемой позиции.

Я оставляю код сценария.Большое спасибо за чтение.

  <script>
$('#contenedor-principal').hide();
$(document).ready(function () {
    $(".btnCategoria").click(function () {

// Note1

    $("#cont-cabecera-filtro").animate({
                    top: $(".mh-layout").offset().top,
                }, 1600, function () {
                    // Animation complete.
                });
                $('#resultados').fadeOut(1500);
                $(".btnCategoria").removeClass("icono-texto-active");
                $.blockUI({
                    message: '<div class="loader">Loading...</div>',
                    timeout: 3000,
                    css: {
                        border: 'none',
                        backgroundColor: 'transparent',
                        padding: 0,
                        margin: 0,
                        width: '30%',
                        top: '40%',
                        left: '35%',
                        textAlign: 'center',
                        cursor: 'wait'
                    },
                    //overlayCSS: {
                    //    backgroundColor: '#FFFFFF',
                    //    opacity: 0.0,
                    //    cursor: 'wait',
                    //}
                });
                $(this).addClass("icono-texto-active");
                var id = $(this).children().attr("value");
                $.ajax({
                    url: "http://www.dominio.com/app_asp/Filtro?idcat=" + id,
                    type: 'GET',
                    timeout: 2000,
                    async: false,
                    success: function (data) {
                        $('#contenedor-principal').hide().html(data).fadeIn(1000);
                        $('html,body').animate({
                            scrollTop: $(".mh-top-header").offset().top
                        }, 1500);
                    },
                    error: function (data) {
                        alert("Ocurrio un error");
                    }
                }).done(function () {
                    var ventana_ancho = $(window).width();
                    if (ventana_ancho >= 350 && ventana_ancho < 575) {
                        var alto = $(".cont-cabecera-down").height() + 320;
                        $("#cont-cabecera-filtro").height(alto);
                        $("#divNuevo").height(alto);
                        $(".capa-video").height(alto);
                    } else {
                        var alto = $(".cont-cabecera-down").height() + 170;
                        $("#cont-cabecera-filtro").height(alto);
                        $("#divNuevo").height(alto);
                        $(".capa-video").height(alto);
                    }
                    $.unblockUI();
                });
                $('.texto-video').hide();
                $('.que-necesitas').hide();
                var imagen = $("#" + id).val();
                $('.capa-video').css("background-image", "url('/app-asp/Content/imagenes/" + imagen + "')");
                $('#bgvid').remove();
            });
            $(".btn-select").each(function (e) {

//Note2
                var value = $(this).find("ul li.selected").html();
                if (value != undefined) {
                    $(this).find(".btn-select-input").val(value);
                    $(this).find(".btn-select-value").html(value);
                }
            });
    </script>