javascript - JQuery - 单击按钮时更改 $_GET 变量

Question

我正在尝试创建一系列按钮来更新我网站的 $_GET['year'] 变量。我希望按钮可以在这些页面上使用:

• example.com
• example.com/?search=foo
• example.com/?search=foo&year=2015。

例如，如果我点击 <a>2016</a>我的“年份”标签将更新为 year=2016网页将显示搜索结果或当年的所有内容。我尝试过使用 JQuery AJAX，如下所示:

                <ul class="dropdown-menu dateDropdown">
                    <li><a>2016</a></li>
                    <li><a>2015</a></li>
                    <li><a>2014</a></li>
                </ul>


            <script>
                $(document).ready(function () {
                    $(".dateDropdown>li>a").each(function() {
                        $(this).click(function() {
                            alert("pressed");
                            $.get({
                              url: "index.php",
                              data: $(this).html(),
                              callback: alert("sent")
                            });
                        ;})
                    ;})
                ;}
            </script>

目前我收到“已按下”和“已发送”警报，但网页未更新。我想我可能可以使用 window.location 和正则表达式来更改或添加“年份”到 URI，但这种方式会更简洁。有什么想法吗？

Answer 1

看看jQuery.get params .

在你的情况下，它会是这样的:

$(".dateDropdown>li>a").each(function(index,elem){
    $(elem).click(function(){
        alert('Pressed');
        $.get('url', {search:'foo', year: $(this).text() }).done( function(){ alert('Done!')} )
    })
})