动态php表中的问号后链接被切断

Question

我有一个 PHP 动态表，当我单击其中一个链接 (http://www.xxxxxx.com/?r=xxxxxxxxx) 时，该链接会在新选项卡中打开，并在问号 (?) 之后被剪切，例如 www.xxxxxx.com/?。

这是表格的php代码：

echo '<div class="row"><tr>';
    echo '<td><form action='.$data['referral'].'>
        <input class="btn" type="submit" formtarget="_blank" value='.$data['webadress'].' data-value='.gmdate("H:i:s",($data['timer']*60+60)).' data-start="false"></form></td>';
    echo '<td>Now</td>';
    echo '<td>'.$data['timer'].'</td>';
    echo '<td>'.$data['payout'].'</td>';
echo '</tr></div>';

在我的数据库中，$data['referral'] 是我的www.xxxxxx.com/?r=xxxxxxxxx 链接。

我认为是我的数据库选项中的类型或某事有误，所以它在问号之后被截断。现在我在varchar(255) 和latin1_general_ci。

编辑：我输入了一个输入，因为我需要为计时器存储数据，这里是 JS：

$(window).load(function(){

        var row = document.getElementsByClassName("color");

        function toTimeString(seconds) {
                return (new Date(seconds * 1000)).toUTCString().match(/(\d\d:\d\d:\d\d)/)[0];
        }

        function redColor(element) {
                $(element).css('background-color', 'rgba(255,0,0,0.7)');
        }

        function normalColor(elemen) {
                $(element).css('background-color', 'transparent');
        }

        $('.btn').on('click', startTimer);

        function startTimer() {
                var dataStartElem = $(this);
                var dataStart = dataStartElem.attr('data-start');
                if (dataStart === 'false') {
                        dataStartElem.attr('data-start', 'true');
                        var nextElem = dataStartElem.parents('td').next();
                        var duration = dataStartElem.attr('data-value');
                        var a = duration.split(':');
                        var seconds = (+a[0]) * 60 * 60 + (+a[1]) * 60 + (+a[2]);
                        setInterval(function () {
                                seconds--;
                                if (seconds >= 0) {
                                        nextElem.html(toTimeString(seconds));
                                        redColor(nextElem);
                                }
                                if (seconds === 0) {
                                        nextElem.html('Now');
                                        dataStartElem.attr('data-start', 'false');
                                        clearInterval(seconds);
                                        normalColor(nextElem);
                                }
                        }, 1000);
                }
        }
});

这个JS，启动定时器，把它写成红色，完成后出现“now”。

Answer 1

这是解决方案，感谢所有人帮助我弄清楚：我认为这是不采取“？”的形式在链接上，所以我已将其更改为普通链接，我们开始吧。

echo '<div class="row">
    <tr>
        <td>
            <a href="'.$data['referral'].'" target="_blank">
                <input type="submit" value="'.htmlspecialchars($data['webadress']).'" data-value="'.gmdate("H:i:s", ($data['timer'] * 60 + 60)).'" data-start="false" class="btn" formtarget="_blank">    
            </a>
        </td>
        <td>Now</td>
        <td>'.$data['timer'].'</td>
        <td>' . $data['payout'] . '</td>
    </tr>
</div>';

Answer 2

正如@Otto 所说，尝试以接近此的方式进行操作：

echo '
<div class="row">
    <tr>
        <td>
            <a href="' . htmlspecialchars($data['referral']) . '">' . htmlspecialchars($data['webadress']) . '</a>
        </td>
        <td>Now</td>
        <td>' . $data['timer'] . '</td>
        <td>' . $data['payout'] . '</td>
    </tr>
</div>
';

Answer 3

通过使用 GET 表单，您可以覆盖操作的查询部分。将您的表单转换为普通链接，或者将 URL 的查询部分放在隐藏的输入中。