Accessing context variables on other pages

Question

So, I am working on building my first Sharepoint App.  The app has 2 pages. The first page is accessible by everyone, and the 2nd page is accessible to managers only. Users submit to HR prospective recruits. The first page stores the submission in a
list in the host_web.  When I load the 2nd page, I need to pull that data.  Likewise, one of the first things I need to do is to get the current and host context.  However, I don't seem to be able to do this on the 2nd page.  It worked
perfectly well on the first page.  Page 2 always gets hung up here:
hostweburl = decodeURIComponent(getQueryStringParameter('SPHostUrl'));
appweburl = decodeURIComponent(getQueryStringParameter('SPAppWebUrl'));
How do I get this data into page 2?

Answer 1

Hi,
According to your post, my understanding is that you have an issue about get the host web url and app web url.
That’s because the APP url is constructed as below.
http://apps-{UniqueID}.sp2013apps.local/sites/{ParentSiteName}/{AppName}/
And we can use the decodeURLComonent method to get the  host web url and app web url.
However, when we redirect to a new page, the url address has changed, we could not get the host web url and app web url.
As a workaround, we can use the cookie to save the app web url and host web url, then in the page2 to get the cookie value as below.
In page1 to save the app web url and host web url to the cookie.
$.cookie("App Web URL", SPAppWebUrl);
$.cookie("Host Web URL", SPHostUrl);
The page2 to get the cookie value.
alert("App web url===page_2"+$.cookie("App Web URL"));
alert("Host web url===page_2" + $.cookie("Host Web URL"));
Thanks & Regards,
Jason
Jason Guo
TechNet Community Support