onclick事件后页面不断刷新

Question

我有一个登录页面，您可以在其中选择您来自哪个国家（单击按钮），然后被重定向到相应的页面。它还会设置一个 cookie，并在您下次访问登录页面时记住您的选择

当您点击进入您选择的页面时，它会不断刷新页面...

我无法理解页面的重新加载来自何处 - 但我认为它可能来自按钮单击事件。

下面是我正在使用的。

            jQuery(window).load(function () {

                        var url = 'http://expatri8.com/';
                        var UK_page = 'UK';
                        var AUS_page = 'AUS';
                        var NZ_page = 'NZ';
                        var ZA_page = 'ZA';

                        if (Cookies.get('default_page') != null) {
                            if (window.location.href != url + '/' + Cookies.get('default_page')) {
                                window.location.href = url + '/' + Cookies.get('default_page');

                            }
                        }

                      jQuery('#set_UK_butt').click(function () {

                            Cookies.set('default_page', UK_page, {expires: 999});
                    //alert('UK');
                          jQuery(location).attr('href', 'http://expatri8.com/UK')
                   //  window.location.replace= 'http://expatri8.com/UK';

                                });

                        jQuery('#set_AUS_butt').click(function () {
                            Cookies.set('default_page', AUS_page, {expires: 999});
                            alert('AUS');
                        });


                        jQuery('#set_NZ_butt').click(function () {
                            Cookies.set('default_page', NZ_page, {expires: 999});
                            alert('NZ');
                        });


               jQuery('#set_ZA_butt').click(function () {
                            Cookies.set('default_page', ZA_page, {expires: 999});
                            alert('ZA');
                        });

             });

任何帮助将不胜感激。

Answer 1

防止发生默认按钮单击事件（发送后请求）。在你的情况下：

jQuery('#set_ZA_butt').on("click", function (event) {
    event.preventDefault();
    Cookies.set('default_page', ZA_page, {expires: 999});
    alert('ZA');
});

Answer 2

使用window.location.pathname获取路径对应的url部分（不带http/https，不带域，不带查询字符串，不带hash），所以可以针对Cookies.get('default_page')进行测试