Question

我一直在盯着这两个小时试图修复它。任何帮助，将不胜感激。由于某种原因，单击按钮时未加载表。

这是我头脑中的相关部分：

class Foo():
    def __init__(self, kwarg1='a', kwarg2='', kwarg3=''):
        if kwarg2 == '':
            self.kwarg2 = kwarg1

        if kwarg3 == '':
            self.kwarg3 = kwarg1

这是我的表：

<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css" />
</head>

这是我的Ajax发射器：

<div class="container">
    <div class="midtxt">
        <div id = "transactions-sav" style="margin-top: 0;">
            <h2>Most Recent Transactions</h2>
            <table>
                <thead>
                    <tr>
                        <th>Username</th>
                        <th>Amount</th>
                        <th>Time & Date</th>
                        <th>Account Type</th>
                    </tr>
                </thead>
                <tbody>
                    <div id="trans-div">
                    </div>
                </tbody>
              </table>
              <hr />
            </div>
        </div>
        <a class="btn light-blue waves-effect waves-light table-end" id="trans-more" style="margin-top: 35px;">Load More Transactions</a>
    </div>

这是我用于生成表的PHP脚本。值得注意的是，initialize（）启动会话。：

<script>
    $(document).ready(function() {
        let transCount = 20;
        $('#trans-more').on('click', function() {
            transCount += 20;
            console.log('click');
            console.log(transCount);
            $('#trans-div').load('includes/loadtranshistajax.inc.php', {transNewCount: transCount,user_id: <?php echo $_SESSION['user_id']; ?>}, function() {
                console.log('callback');
            });
        });
        console.log('test1');
    });
</script>

编辑，非常感谢大家。我是网络开发社区的新手，所以很高兴看到大家帮帮忙！

Answer 1

从标签中删除div标签，并在tbody属性中添加id，如下所示。

 <tbody id="trans-div"></tbody>

Answer 2

将php代码<?php echo $_SESSION['user_id']; ?>置于<script>标记内，以双引号导致SyntaxError破坏您的脚本代码。

这就是为什么你无法将XHR视为控制台

的原因

尝试以下方法：

$('#trans-div').load('includes/loadtranshistajax.inc.php', {transNewCount: transCount,user_id: "<?php echo $_SESSION['user_id']; ?>"}, function() {
    console.log('callback');
});

AJAX无法正常运行

2 个答案: