2016-08-10 14 views
0

我現在有一個工作函數從複選框中的信息傳遞給網址如下: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」後,我怎麼能在「?」之後傳遞信息?在網址爲「pagetwo」(或任何網頁),這樣的結果將是:

http://www.someurl.com/pagetwo?chbox=red&chbox=green&chbox=blue 

我打算在網址中使用的信息,在接下來的頁面上的元素添加類。

感謝

+1

爲什麼人們總是嘗試使用JS的東西一個簡單的HTML表單提交的使用Cookie,而不是傳遞信息,通過URL的一個例子常規的方式可以實現沒有任何額外的努力,是,可能總是會超越我... – CBroe

+0

看看你如何推動到歷史的URL?只需使用'window.location.href ='pagetwo?'+ data'。請參閱http://stackoverflow.com/q/503093/215552 –

回答

相關問題