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
我打算在網址中使用的信息,在接下來的頁面上的元素添加類。
感謝
爲什麼人們總是嘗試使用JS的東西一個簡單的HTML表單提交的使用Cookie,而不是傳遞信息,通過URL的一個例子常規的方式可以實現沒有任何額外的努力,是,可能總是會超越我... – CBroe
看看你如何推動到歷史的URL?只需使用'window.location.href ='pagetwo?'+ data'。請參閱http://stackoverflow.com/q/503093/215552 –
'loc = $('',{href:window.location})[0]' - 過於複雜;您可以通過'window.location.pathname'訪問當前URL的路徑,絕對不需要先創建鏈接。 – CBroe