jQuery AJAX单击链接，然后重新加载页面

Question

我查看了其他帖子，并且对我有所帮助，但是由于我不精通Jquery或AJAX，因此我想确保自己在正确地做自己需要的事情。

在我的主页（基本URL）上，基于用户想要查看的视图，我有2个不同的输出。 我在屏幕上有一个切换按钮，在按钮的两侧都有一个链接。 当前，当单击链接时，将调用我的PHP，使用选定的视图设置会话变量并返回指定的视图。 这将更改我的URL，即www.mysite.com/view/A，然后单击另一个切换链接会将URL更改为ww.mysite.com/view/B。

我的问题是我正在使用分页，并且需要为正确的页面导航指定正确的URL段，但对于普通用户导航，如果他们离开主页然后返回，则将显示正确的视图（因为选择的视图是在会话变量中），但URL可能是www.mysite.com等。我不想编写一堆逻辑来确定页面是基本URL还是ww.mysite.com/view/A等。

以下功能当前根据选择/单击的视图更改我的切换按钮（从左到右）。 我想向该函数添加逻辑以调用我的PHP代码，该代码将设置会话变量而不更改URL，然后刷新页面以显示所选视图。 我知道这很简单，我在网上找到了一个类似的示例，但我想确保自己做的正确。

<script>
    $('#toggle-control a').click(function(){
        $(this).next('ul').slideToggle('500');
        $(this).find('i').toggleClass('fa-bars fa-arrow-left');
    });
    </script>

Answer 1

好的，所以我不确定我是否会跟进，对此我深表歉意，尽管您可能会更加清楚。 据我所知，您想完成两个任务：（1）您想弄清楚如何使用jQuery AJAX将会话变量发布到PHP，以及（2）您要确保切换基于视图更改位置。

K，依此类推（1），以下内容使您可以在脚本中传递会话变量。

var sessionVar = 1;
var data = {};
data.sessionVariable = sessionVar;

          jQuery.ajax({
                type: "POST",
                url: YOUR PHP FILE HERE
                data: data,
                success: function(data) {
                },
            });       

在你的PHP中：

if ($_POST) {
    $sessionVar  = $_POST['sessionVariable'];

我建议使用jQuery的.css（）来控制切换按钮的显示方式以及使用适当逻辑的位置。