在引导选项卡中不使用 href 传递 PHP 变量

Question

我正在尝试使用 <a> 标记和使用 Bootstrap 选项卡在同一 PHP 页面上的 data 属性发送 PHP 变量：

HTML（引导选项卡选项）：

<a style='padding:20px;' href='#tab_e' data-page='$page' class='passrss' data-rssid='$rssid' data-toggle='tab'>Test</a>

PHP（存储在#tab_e 选项卡中）：

$rsspassedid = GET $rssid from the a tag (data-rssid)

我想在单击时获取存储在 data-rssid 中​​的值并将其传递给同一 PHP 文件中更下方的变量，这样当使用 #tab_e 打开选项卡时，mySQL 语句将基于$rssid 中​​提供的值并显示查询结果。我不确定是否需要任何 jQuery/AJAX，但是否可以获取存储在 PHP 中 <a> 标记的 data 属性中的数据？

更新

我已经尝试将变量存储在分页链接中，但仍然没有成功，这是我创建的 XHR 对象：

<script>
$(document).ready(function () {

    $('.passrss').click(function () {
        $('span.pass-tabe').load('tabe.php?rssid=' + $(this).data('rssid') + '&page=' + $(this).data('page'));
    });

    }); 
</script>

Tabe 将存储在 a 标签中的变量传递给单独的 php 文件 (tabe.php)，然后使用 <span class="pass-tabe"></span> 加载到浏览器中，至于分页 - 链接存储在 tabe.php 文件中，但它们引用返回主 php 文件，因此分页无法正常工作，例如

originalphpfile.php?page=$page&rssid=$rssidpassed&pageurl=$x#tab_e

注意：$rssidpassed 存储在从 XHR 对象获取的 tabe.php 中，例如

$_GET['rssid']

更新 2

我在下面添加了分页代码，目前我遇到了问题，它存储在 tabe.php 中：

$perpage = 10;
$pageurl = (isset($_GET['pageurl'])) ? (int)$_GET['pageurl'] : 1;
$start = ($pageurl - 1) * $perpage;

$pagequery = mysql_query("SELECT COUNT('topic_id') FROM topic WHERE cat_id='$page' AND topic.users_id = '$rssid'");
$pagination = ceil(mysql_result($pagequery, 0) / $perpage);

//query goes here

//pagination numbers
if($pagination >= 1){
    echo "<div style='text-align:center;'><ul class='pagination'>";
    for($x=1; $x<=$pagination; $x++){
    echo ($x == $pageurl) ? "<li class='active'><a href='originalphpfile.php?page=$page&pageurl=$x#tab_e'>$x</a></li>":"<li><a href='originalphpfile.php?page=$page&pageurl=$x#tab_e'>$x</a></li>"; 
    }
    echo "</ul></div>";
}

当我点击分页链接时，它不会加载第二、第三等结果集，因为它会返回到 originalphpfile.php

有什么解决办法吗？

Answer 1

问题已解决，我将 AJAX 回显到 tabe php 文件并更改了分页 HTML 链接：

tabe.php 分页链接：

<a href='#tab_e' class='passrssurl' data-rssid='$rsspassedid' data-url='$x' data-page='$page' data-toggle='tab'>

tabe.php 回显 AJAX：

echo "<script>
$(document).ready(function () {
    $('.passrssurl').click(function () {
    $('span.pass-tabe').load('tabe.php?rssid=' + $(this).data('rssid') + '&page=' + $(this).data('page') + '&pageurl=' + $(this).data('url'));
    });

}); 
</script>";

Answer 2

我将继续把它变成一个答案，因为我们的评论块越来越长了。

在您的 PHP 模板中，要将 PHP 变成有用的东西，您需要执行以下操作：

// file1.php
// notice <?= ?> is quick echo, the same as <? echo $rssid; ?>
<a style='padding:20px;' href='#tab_e' data-rssid='<?= $rssid ?>' data-toggle='tab'>Test</a>

根据帖子，我认为，在您的 javascript 中，您获得 $rssid 的原因是因为您没有回显该值。

// file2.php
$page = array_key_exists($_GET,'page') && is_numeric( $_GET['page'] ) ? $_GET['page'] : 1
// do query i.e select * from x offset $page * $per_page limit $per_page

// do stuff with your pagination in a loop defining an index $number
<a class="pagination" onclick="getPage(<?= $number ?>)"><?= $number; ?></a>

然后在jquery中：

// Call this when they click the tab
var id;
function setId(id){
   id = id;
   getPage(1);
}

// call this when they click the pagination
function getPage(number){
   $('span.pass-tabe').load('tabe.php?rssid=' + $id + '&page=' +number )
}

请按摩示例代码，好像您正在做一些复杂的事情，并且很难准确掌握您的确切用例。