Question

我目前有一个工作函数可以将复选框中的信息传递给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”（或任何页面）的URL中，结果将是：

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

我打算使用URL中的信息在下一页的元素上添加类。

由于

Answer 1

在这里找到我的答案： http://www.aspsnippets.com/Articles/Send-Pass-Data-Values-from-one-page-to-another-using-jQuery.aspx 还有一个使用cookie的示例，而不是通过URL传递信息

jQuery：将URL参数传递给不同的页面

1 个答案: