Я в настоящее время имеют рабочую функцию, чтобы передать информацию из флажков в URL, как показано ниже:JQuery: Пасс параметры URL на другую страницу
JQuery
$('input[type="checkbox"]').on('change', function(e){
var data = $('input[type="checkbox"]').serialize(),
loc = $('<a>', {href:window.location})[0];
$.post('/ajax-post-url/', data);
if(history.pushState){
history.pushState(null, null, loc.pathname+'?'+data);
}
});
HTML
<div class="panel-body">
<div class="rowElem">
<input type="checkbox" name="chbox" id="" value="red">
<label>Color #1</label>
</div>
<div class="rowElem">
<input type="checkbox" name="chbox" id="" value="green">
<label>Color #2</label>
</div>
<div class="rowElem">
<input type="checkbox" name="chbox" id="" value="blue">
<label>Color #3</label>
</div>
<a href="pagetwo" class="linkBtn">Go to page two</a>
</div>
Результат:
http://www.someurl.com/pageone?chbox=red&chbox=green&chbox=blue
Мой вопрос в том, когда я нажимаю «.linkBtn», как передать информацию после «?» в URL на «pagetwo» (или любой другой страницы), так что результат будет:
http://www.someurl.com/pagetwo?chbox=red&chbox=green&chbox=blue
Я планирую использовать информацию в URL, чтобы добавить классы по элементам на следующей странице.
Благодаря
Почему люди всегда пытаются и использовать JS для чего-то простая формы HTML подавшей регулярный путь мог бы достичь без каких-либо дополнительных усилий, есть и, вероятно, всегда будет за пределами меня ... – CBroe
Посмотрите, как вы нажимаете URL-адрес в историю? Просто используйте 'window.location.href = 'pagetwo?' + Data'. См. Http://stackoverflow.com/q/503093/215552 –
'loc = $ ('', {href: window.location}) [0]' - слишком сложный; у вас уже есть доступ к пути к текущему URL через 'window.location.pathname', вначале нет необходимости создавать ссылку. – CBroe