PHP 根据（按钮/链接）点击设置 $_SESSION 变量值

Question

我有以下代码：

<ul>
 <li>
  <a href="index.php?page=quiz" class="cat" >
    <h3>Category 1</h3>
    <p>(explain here)</p>
  </a>
 </li>
 <li>
  <a href="index.php?page=quiz" class="cat" >
    <h3>Category 2</h3>
    <p>(explain here)</p>
  </a>
 </li>
</ul>

我需要的是将类别号发送到页面index.php?page=quiz 通过$_POST 或其他任何方式 无需像这样通过$_REQUEST 发送index.php?page=quiz&cat=1
OR 根据当前单击的链接将类别编号值分配给$_SESSION 变量 获取目标页面index.php?page=quiz的值。

我已经尝试过这个解决方案：

通过javascript将变量值发送到页面

var num=1; /*or put the current clicked category number */
$.ajax({
        url: 'index.php?page=quiz',
        type: 'post',
        dataType: 'json',
        data: {
            category_no: num,
        }
    })

发送过程和page=quiz的值好像有问题 没有发送到目的地，我们仍在page=home所在的当前页面。

您有什么有用的想法吗？

注意：我的问题不是从当前点击（按钮/链接）到javascript，而是通过上述任何方式将其发送到目标页面。

Answer 1

将类别 ID 添加为数据属性，如下所示：

<ul>
 <li>
  <a data-category-id="1" href="index.php?page=quiz" class="cat" >
    <h3>Category 1</h3>
    <p>(explain here)</p>
  </a>
 </li>
 <li>
  <a  data-category-id="2" href="index.php?page=quiz" class="cat" >
    <h3>Category 2</h3>
    <p>(explain here)</p>
  </a>
 </li>
</ul>

然后像这样处理点击事件以进行ajax调用（动态获取点击的类别链接的url和它的id）：

// When page loads
$(document).ready(function()
{
    // Handle category click event
    $('a.cat').click(function(e)
    {
        // Prevent default action of link click
        e.preventDefault();

        // Get the url
        var categoryUrl = $(this).prop('href');

        // Get the category id
        var categoryId = $(this).data('category-id');

        // Make ajax call
        $.ajax({
            url: categoryUrl,
            type: 'post',
            dataType: 'json',
            data: {
                category_no: categoryId
            }
        })
        .done(function() {
            location.href = categoryUrl;
        });
    })
});

这样，当您单击链接时（不会运行转到 url 的默认操作）。反而;首先向单击的 url（在您的情况下始终为 index.php?page=quiz）发出 ajax POST 请求，当请求完成时，您将被重定向到该页面。

Answer 2

如果 num 是您点击的类别，我认为它应该是这样的：

var num=1;
$.ajax({
    url: 'index.php?page=quiz',
    type: 'post',
    dataType: 'json',
    data: {
        num,
    }
});

在你的'index.php'中：

session_start();
$_SESSION['catID'] = $_POST['num'];

如果这不起作用，查看您的 index.php 会很有帮助。

编辑：让我们在另一边尝试一下......只是为了测试。

创建一个名为 getCatID.php 的新 php 并将 AJAX 更改为：

var num=1;

    $.ajax({
        url: 'getCatID.php',
        type: 'post',
        dataType: 'json',
        data: {
            num,
        }
    });
   window.location = "index.php?page=quiz"

在getCatID.php中：

<?php
    session_start();
    $_SESSION['catID'] = $_POST['num'];
?>

然后在你的 index.php 中尝试

echo $_SESSION['catID'];

PS：你需要以某种方式触发Ajax Call

Answer 3

解释解决方案：
问题是没有exit() 和json_encode() 作为我的函数的结果，不能在页面index.php 代码中应用，这意味着
整个函数必须移动到另一个文件

问题解决如下：

my page:

<ul>
 <li>
  <a  href="" data-no="1" class="cat" >
    <h3>Category 1</h3>
    <p>(explain here)</p>
  </a>
 </li>
 <li>
  <a  href="" data-no="2" class="cat" >
    <h3>Category 2</h3>
    <p>(explain here)</p>
  </a>
 </li>
</ul>

JavaScript:

$('.cat').on('click', function (e) {
    // Prevent default action of link click
    e.preventDefault();
    var cat = $(this).data('no');
    var curr='set_var.php';
    $.ajax({
        url: curr,
        type: 'POST',
        dataType: 'json',
        data: {
            category: cat

        }
    }).done(function(res) {
            if (res.valid) {
            document.location.href = 'index.php?page=quiz';
        }
        });
});

set_var.php :

<?php 
session_start();
    if(isset($_POST['category'])){  
        $_SESSION['cat']=$_POST['category'];
        $result['valid'] = TRUE;
    }
    echo json_encode($result);
    exit();
 ?>

感谢您的所有回答