单击链接上的Jquery AJAX然后重新加载页面

时间:2016-02-14 01:02:30

标签: php jquery ajax

我回顾了其他帖子,有些人帮助了我,但由于我不熟练使用Jquery或AJAX,我想确保我正在做我需要的东西。

在我的主页面(基本网址)上,根据用户想要查看的视图,我有2个不同的输出。我在屏幕上有一个切换按钮,按钮两侧有一个链接。目前,当单击链接时,将调用我的PHP,使用所选视图设置会话变量并返回指定的视图。 这会更改我的网址,即www.mysite.com/view/A,点击其他切换链接会将网址更改为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>

1 个答案:

答案 0 :(得分:0)

好的,所以我不确定我是否会跟进,我为此道歉,尽管你可能会更清楚一些。根据我的掌握,您希望完成两项任务:(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()来控制切换按钮的显示方式以及使用现有逻辑的位置。