So I'm trying to redirect from my login page to the dashboard, I need to bring in some variables when I redirect, such as ID's, etc. I can't use MVC or .Net structure so I have no idea how the heck I'm gonna bring in data when I redirect so it's there in order to use on other API calls throughout my mobile app. Anybody, please??
self.LoadCustomer = function (data)
Bring 'data' in the redirect....
window.location = "Layout.html";
}
NEVER STORE PASSWORDS!!! There is no need, they should always be checked, instead store some type of expiring information.
I like using this library: JS-Cookie
It allows you to store and retrieve local data:
Set the cookie on the first page:
self.LoadCustomer = function (data) {
Cookies.set('data', data)
}
Read it on the next:
Cookies.get('data'); //String of data
Cookies.getJSON('data'); //Object literal of data
You can use sessionStorage to achieve the desired effect. I am assuming that data is a JSON object.
self.LoadCustomer = function (data) {
//store the data in sessionStorage
sessionStorage.setItem("data", JSON.stringify(data) );
window.location = "Layout.html";
}
And then inside the Layout.html you can use the sessioStorage to read the value back.
//read the data
var data = JSON.parse( sessionStorage.getItem("data") );
As others have commented just be aware of security implications of storing passwords. Use a session key if possible.
Here is a really simple, and really dopey way of passing values along on the window.location, somewhat like GET params :
index.html
<body>
<script type="text/javascript" charset="utf-8">
window.setTimeout(function(){
var obj = {
param1:"value",
param2:"value"
};
window.location="layout.html#" + JSON.stringify(obj);
},3000);
</script>
</body>
layout.html
<body onload="read()">
<script type="text/javascript" charset="utf-8">
function read(){
console.log(JSON.parse(window.location.hash.replace('#','')));
}
</script>
</body>
This would be quite ill-advised, considering the better alternatives (local storage, cookies, SPA frameworks, or server tech), but would work. (Which isn't really saying much, because you can do a lot of terrible crap with JS). Consider it a novelty.
If you actually need to manage security, you need to implement some type of server-side session logic, or your pants are all of the way down.
When I need to pass along data to another page, I use some JavaScript to:
Here's my helper function:
function submitJSON( path, data, postName ) {
// convert data to JSON
var dataJSON = JSON.stringify(data);
// create the form
var form = document.createElement('form');
form.setAttribute('method', 'post');
form.setAttribute('action', path);
// create hidden input containing JSON and add to form
var hiddenField = document.createElement("input");
hiddenField.setAttribute("type", "hidden");
hiddenField.setAttribute("name", postName);
hiddenField.setAttribute("value", dataJSON);
form.appendChild(hiddenField);
// add form to body and submit
document.body.appendChild(form);
form.submit();
}
Use it like this:
var myData = {param1: 1, param2: 2);
var myPath = "path_to_next_page.html";
submitJSON( myPath, myData, 'myPostName' );
Retrieve the data on the next page like this:
<?php
$postVarsJSON = $_POST['myPostName'];
$myData = json_decode( $postVarsJSON );
?>
Or in JavaScript:
var myData = JSON.parse( <?php $_POST['myPostName']; ?>);
