how window location in javascript when localStorage but not reload page?

Question

im using this code javascript with localStorage (something like session in php)

<script>
$(function(){
        var a = localStorage.getItem('login');
        if(a=="" || a==null){window.location.href = "dash-home.html";}
        else{window.location.href = "dash-chat.html";}
    }); 
</script>

but when location in dash-home.html, that page always refresh page (F5 repetitive)

When redirecting to dash-home, that means the user is logged in. If yes, then you need to set the `login` value in localStorage. — Tushar, Jan 12 '16 at 03:22
im done with that, my ask 'when redirecting dash-home always refresh ?' @Tushar — Irwan Sunario, Jan 12 '16 at 03:25
Make sure to your 'script' is not available in your "dash-home.html" since it is your neutral ground. — vsogrimen, Jan 12 '16 at 03:26
`a=="" || a == null` is redundant. `null == ""` is a true statement. — t3dodson, Jan 12 '16 at 05:26

score 0 · Accepted Answer · edited May 23 '17 at 12:31

I think you understand that AJAX / PHP is the best solution.

But if you cannot use AJAX, you can use the .load() jQuery method to simulate AJAX. .load() will load the contents of another file into your document WHEN and WHERE you want.

Example:

if (condition == true){
    $('targetDIV').load('desired_page.html');
}

http://api.jquery.com/load/

More information about AJAX:

https://stackoverflow.com/a/17974843

For your example:

<script>
    $(function(){
        var a = localStorage.getItem('login');
        if(a=="" || a==null){$('#targetDIV').load("dash-home.html");}
        else{$('#targetDIV').load("dash-chat.html");}
    }); 
</script>

<body>
    <div id="targetDIV"> This is where the other pages will appear </div>

why not just `if (condition)` ? – t3dodson Jan 12 '16 at 05:27 — t3dodson, Jan 12 '16 at 05:27

how window location in javascript when localStorage but not reload page?

1 Answers1