javascript - Ajax 响应 PHP 回显 HTML

Question

主要问题:如何从 Ajax 正确回显 PHP 中的 HTML？我当前的网页在页面底部加载 php echo，而不是在 <tbody> 之间加载。标签。

基本上，Ajax 调用 PHP 文件来回显 HTML。我的脚本位于表体内。然后我的 Php 继续表格式添加行。我想要发生的是显示每周计划，可以通过按钮操纵显示的周。我的日程安排可以动态更改而不破坏格式吗？

以下代码位于我正在加载的网页中。

     <tbody>
        <script>
            function loadWeek(x) {
               $.ajax({
                  url:"weekly.php",
                  type: "post",
                  data: {x}, 
                  success: function(response) { 
                    $(document.body).append(response);                                    }
              });
            }
            window.onload=loadWeek(1); //loads the first week of the schedule
        </script>
    </tbody>

此外，调用 Ajax 函数的周递增器/递减器会破坏格式吗？我是否必须在该特定周重新加载页面？

编辑:单词

好吧，让我解释一下。我想在 html 页面最初加载时加载第一周的时间表。然后，每周计划下的按钮可以更改周，从而更改我们要查看的周。

该脚本位于代码底部。

<script>
    var count = 1;
    function increment() {
        ++count;
        if(count > 4)
            count = 1;
        document.getElementById("week").innerHTML = count;
        loadWeek(count);
    }
    function decrement() {
        --count;
        if(count < 1)
            count = 4;
        document.getElementById("week").innerHTML = count;
        loadWeek(count);
    }
</script>

php 代码仅回显，不返回...

<?php 

if (isset($_POST['p'])) {
    $week = $_POST['p'];
    week($week);
}

function week($week) {
    //connects to Database
    //PDO statements
    //php double array
    for ($i = 0; $i < 7; $i++) {
        echo "<tr><td>$weekDays[$i]</td>";
        for ($j = 0; $j < 5; $j++) {
            echo "<td><p>".$usersNames[$i][$j]."</p></td>";
    }
    echo"</tr>";
} 
?>

上面使用的php代码

function loadWeek (x) {
      $.post("weekly.php", {p: x}, function (res) {
         $("body").append(res);
      });
    }
    $(function () {
      loadWeek (1);
});

PHP 代码可以从数据库中获取数据。正如我所说，PHP 可以正常工作，第一周就可以成功加载，无需 javascript 操作。我不太愿意发布其余的 php 代码，尤其是代码中的 sqli。但是，我需要 JS 来更改我需要查看的周数。格式化以及 Ajax 完成后如何处理它是我的问题。

Answer 1

你把一切都搞混了。让我清除你的脚本...

function loadWeek (x) {
  $.post("weekly.php", {p: x}, function (res) {
     $("tbody").append(res);
  });
}
$(function () {
  loadWeek (1);
});

PHP 代码现在得到:

$_POST["p"] => x

在您的第一个代码中，您只是发送:

weekly.php?1            // This is not the valid request I believe.

现在我的代码将其更改为:

weekly.php?p=1 // You need to change the `param_name` to whatever here.