重定向页面并调用javascript函数

Question

I need to redirect to another page onClick of submit and call a function making an ajax call. This is what I have :

$('#submitButton').click(function() {

window.location.href = "otherPage";
displayData();
});

Also, Another way I tried is to set the form fields on otherPage by using

var elem = window.document.getElementById(field);
elem.value = "new-value";

so that I could call the eventhandler of a submit button present on otherPage, but it doesn't work. Please let me know where I am wrong.

Answer 1

I'm not sure if there is a neat way to achieve this, but you can add a hash in your url you redirect to, then just simply check if the hash exists, execute function and remove hash.

Here are some handy URLs:

• Location.Hash - information about this function and how to use it.
• Removing hash from url without a page refresh - This was a bit of an issue, as window.location.href = ''; removes everything after the hash.

Answer 2

A hash (as Arko Elsenaar said) or a querystring parameter added to the target URL would allow you to detect what to do once there. The hash makes it a bit easier while the querystring is cleaner if you want to pass more information.

For instance on the first page: window.location.href = "other/page.html#displayData";

On the second page:

if (window.location.hash === '#displayData') {displayData();}

Another way could be to use the HTML5 Storage API, if and only if the 2 pages are on the same domain.

1st page would do, before the redirection: localStorage.displayData = true And the 2nd: if (localStorage.displayData) {displayData();} However in this case you'll need to clean up the localStorage.displayData value when used, otherwise it will stay there forever and your second page would always find it set to true. delete localStorage.displayData

All in all, the hash method seems best here.