页面刷新后如何在我的 Javascript 页面中获取价值

Question

<a href="<?php echo base_url(); ?>userprofile/userprofile/2"  style="color:white; margin-top:2rem;" onclick="senduser(2);">User2</a>

after clicking "User2", page refreshing. But in order to get images I need to send a Id value to my app.js file. I've tried to provide this using onclik function. Unfortunately! after page refresh it could not!

function senduser($id){

    var limit_load = 5;
    var start_load = 0;
    var userId = $id;
    function load_photo_profile(limit_load, start_load, userId) {

        var url = baseUrl + "userprofile/loadmore";

        $.post(url, { limit: limit_load, start: start_load, userId: userId }, function (response) {


            $(".included_image").append(response);
            $('#mygallery').justifiedGallery({
                rowHeight: 285,
                lastRow: 'nojustify',
                margins: 10
            });


        });

    };

    load_photo_profile(limit_load, start_load, userId);

    $(window).scroll(function () {
        if ($(window).scrollTop() >= $(document).height() - $(window).height()) {
            start_load = start_load + limit_load;
            load_photo_profile(limit_load, start_load, userId);
        }
    });



}

This id triggers to work this function complately. following it triggers a ajax post method to render code inside mygallery element. on the other hand I have to refreh my page .

Answer 1

You could use sessionStorage to save a value you need, so after refresh the page, you can access to that value, you can create it like this:

sessionStorage.setItem('nameOfItem', "mysavedValue");

And for access the sessionStorage value this:

sessionStorage.getItem('nameOfItem')

Answer 2

localstorage

Session storage is temporary which exists as long as the current window is opened and data gets lost when window is closed where as Local Storage is persistant and remains intact across sessions unless anyone deletes it.

localStorage.setItem("nameOfItem","valueofitem");//set

localStorage.getItem("nameOfItem"); //get