Возвращать контент, освежив страницу в Хкери Мобиле

Я реализую приложение с Хкери Мобиле и мое сомнение - следующее.

У меня есть весь html, который требуется, чтобы отображать приложение в одном index.html, когда пользователь работает с каким-то элементом doom, загружается часть контента index.html и другая часть dinámicamente, обработав ответ сервера с данными, которых хочет отобразить пользователь. До сих пор совсем правильный, проблема приходит, когда ты находишься на "экране", который исходит из нее, произвелась dinámicamente и ты освежаешь страницу, очевидно загружается статическая часть страницы и теряется вся динамическая часть, которая произвелась.

Конкретный пример: Когда пользователь loguea с Вашим счетом и хочется видеть Ваш профиль, загружает статический вид HTML, который содержит различные inputs, которые в зависимости от пользователя, который есться logueado, будет содержать информация или другая, если, загрузив страницу Вашими данными, вышеупомянутая страница освежится, исчезает весь динамический контент той же самой и остается вся статическая часть HTML, с пустыми inputs.

Я хотел бы знать, есть ли какое-то легкое решение, для того, чтобы, перезагрузив страницу, было возможно продолжать отображать весь контент, уже будьте статическим или динамическим.

Код:

// Mi perfil público
$("#myprofile").on("click", function(){

//comprobamos que el usuario esta logueado
if (localStorage.rnl01user && localStorage.rnl01password) {

        //spinner de cargado
        $.mobile.loading("show");

        //creamos petición XML con valores necesarios
        var getprofile = getLoginRequest(localStorage.rnl01user, localStorage.rnl01password);

        //petición AJAX al servidor con el código XML generado
        callWebServiceAsync(URL_API_KERNEL, getprofile, successGetProfile);

        //Reiniciamos los valores
        $("#ProfileImg").html("");
        $("#ProfileCountry").html("");
        $("#ProfileTown").html("");
        $("#ProfileEvents").html("");
        $("#ProfileDescriptionTitle").html("");
        $("#ProfileDescriptionText").html("");
        $("#ProfileEmail").html("");
        $("#editProfilePass").text("Cambiar Contraseña");
        $("#editProfilePass").attr("data-pass", localStorage.rnl01password);
        $("#editProfileCity").text("Privado");
        $("#ProfileEventsIns").html("");
        $("#ProfileOrgGest").html("");


    }else{
        $.mobile.changePage("#nologinMsg");
    }

    // Función que se encarga de procesar el XML devuelto por el servidor, donde se encuentran todos los datos
    function successGetProfile(data, textStatus, jqXHR)  {

        //creamos variables
        var name="",email="",surName="",country="",region="",description="",image="",events="";

        //si devuelve valores los guardamos
        if ($(data).find("LoginRequestResult")) {
            var name = $(data).find('Name').text();
            var email = $(data).find('Email').text();
            var surName = $(data).find('Surname').text();
            var country = $(data).find('Country').text();
            var region = $(data).find('Region').text();
            var description = $(data).find('Description').text();
            var image = $(data).find('Image').text();
            var events = parseInt($(data).find('ActiveEvents').text()) + parseInt($(data).find('ClosedEvents').text());
            var cityCode=$(data).find("CityCode").text();
            var phone=$(data).find("PhoneNumber").text();
            var city=$(data).find("City").text();
            var inscribedevents=$(data).find("InscribedEvents").text();
            var orgestion=$(data).find("ManagedOrganizations").text();

        //si el usuario tiene imagen si pinta la imagen y el nombre, sino se pinta solo el nombre
        if (image!=""){
            $("#ProfileImg").html('
'+ name+'
');
        }else{
            $("#ProfileImg").html('
'+ name+'
')
        }

        //pintamos los valores obtenidos en los campos del html
        $("#ProfileCountry").html(country);
        $("#ProfileTown").html(region);
        $("#ProfileEvents").html(events);
        $("#ProfileDescriptionTitle").html("Presentacion de "+name);
        $("#ProfileDescriptionText").html(description);
        $("#ProfileEmail").html(email);

        //ponemos atributo codigo de la ciudad
        if (cityCode!=""){
            $("#editProfileCity").attr("city-code",cityCode);
        }else{
            $("#editProfileCity").attr("city-code","791000");
        }

        //pintamos los valores obtenidos en los campos
        $("#profileDescription").val(description);
        $("#profilePhone").val(phone);
        $("#ProfilePhone").html(phone);

        //pintamos el nombre de la ciudad
        if (city!=""){
            $("#editProfileCity").text(city);   
        }

        $("#ProfileEventsIns").html(inscribedevents);
        $("#ProfileOrgGest").html(orgestion);

        }

        //Cambiamos a la página que contiene los datos del perfil del usuario
        $.mobile.changePage("#mypublicprofile");

        //quitamos el spinner de carga
        $.mobile.loading("hide");
    }

});

Добро, я объясняю вам код сверху для того, чтобы он был проще для всех:

Первое, что мы делаем, состоит в том, чтобы подтверждать, что пользователь - logueado, того, чтобы не быть таким, он пересылается в страницу, которой единственное, что он делает, состоит в том, чтобы сообщать, что, чтобы видеть контент страницы, он должен быть loqueado, с кнопкой, которую он выпускает login.

Если пользователь - loqueado, поверьте XML, который будет послан в сервер посредством просьбы AJAX, вышеупомянутый XML производится с функцией getLoginRequest и параметры, которые мы переместили его.

Как только произвелся XML, он сохраняет в переменной в этом случае var getprofile, который будет содержать XML. После мы перемещаем эту переменную как параметр в функцию callWebServiceAsync, что берется за то, чтобы делать себе призыв к серверу посредством AJAX с XML, который произвелся. Ниже мы возобновляем стоимость всех элементов HTML, если уже они содержали какой-либо.

Когда сервер отвечает нам со статусом 200, он идет в функцию, которую мы показали ему, в этом случае successGetProfile. Которая подбирает всю информацию, которая возвратила нам сервер и обрабатывает ее.

То, что делает эту функцию, просто состоит в том, чтобы искать всю стоимость, что мы нуждаемся в том, чтобы покрасить в HTML, как имени, город, провинция, и т.д.

Изображения: