2016-08-10 3 views
0

Я в настоящее время имеют рабочую функцию, чтобы передать информацию из флажков в 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, чтобы добавить классы по элементам на следующей странице.

Благодаря

+1

Почему люди всегда пытаются и использовать JS для чего-то простая формы HTML подавшей регулярный путь мог бы достичь без каких-либо дополнительных усилий, есть и, вероятно, всегда будет за пределами меня ... – CBroe

+0

Посмотрите, как вы нажимаете URL-адрес в историю? Просто используйте 'window.location.href = 'pagetwo?' + Data'. См. Http://stackoverflow.com/q/503093/215552 –

ответ

Смежные вопросы