Выполните функцию после изменения location.href

Question

Я хочу вызвать функцию после перенаправления страницы.

Внутри моей функции я помещаю параметр, который является идентификатором, но когда я проверяю консоль, она не отображается. Я знаю, что смогу запустить его через событие click, но я не получу идентификационный параметр с предыдущей страницы.

Есть ли способ сделать это?

Код:

function encode(item_id){ 
    $('.js-encode').click(function(){ 
    var url = $(this).data('url'); 
    location.href = url; // new url 
    save(item_id); // call function after new url finish loading 
    }); 
} 

function save(item_id){ 
    console.log(item_id); // check if there's item_id exists 
} 

Answer 1

Я согласен с комментарием Катаны. Все, что после вашего оператора перенаправления не будет запущено, поскольку сама страница перенаправляется. Один из способов, который я предложил бы по-прежнему получить item_id и обойти этот барьер, - это включить item_id в URL-адрес перенаправления в качестве параметра. Затем один раз на новой странице проанализируйте этот параметр из URL-адреса и сохраните item_id.

Отличный пример из Cory Laviska's article on Parsing URLs in Javascript, показывает, как вы можете получить отдельные параметры из URL-адреса.

Строительство на Manish' answer:

Функция на текущей странице:

function encode(item_id){ 
    $('.js-encode').click(function(){ 
    var url = $(this).data('url'); 
    location.href = url+'?saved_item_id='+item_id; // new url 
    }); 
} 

Функция на Перенаправление (если у вас есть только один параметр)

$(document).ready(function() { 
    var url = $(this).data('url'); 
    var item_id = url.queryKey['saved_item_id']; 
    save(item_id); 
}); 

Это может потребоваться несколько твиков, потому что я не тестировал код, но, надеюсь, это поможет вам на правильном пути. :)

Надеюсь, это поможет. Если это поможет и/или ответит на ваш вопрос, выберите в качестве ответа и голосования! : D Не стесняйтесь, дайте мне знать, если у вас есть какие-либо вопросы

Answer 2

Вы можете попробовать что-то вроде этого.

function encode(item_id){ 
    $('.js-encode').click(function(){ 
    var url = $(this).data('url'); 
    location.href = url+'?saved_item_id='+item_id; // new url 
    //save(item_id); // call function after new url finish loading 
    }); 
} 

/*(function save(item_id){ 
    console.log(item_id); // check if there's item_id exists 
}*/ 

Кроме того, в отношении нового перенаправленного URL-адреса вы можете получить item_id, который был добавлен в URL-адрес на предыдущей странице.

Надеюсь, это поможет.

Answer 3

Try это один

Контейнер участок страницы, на которой вы выполняете действие.

function encode(item_id){ 
    $('.js-encode').click(function(){ 
    var url = $(this).data('url'); 
    $("#container").load(url,function(){ 
     // other stuffs and functionalities 
     save(item_id); // call function after new url finish loading 
    }); 
    }); 
}