php - 在 Ajax 和 PHP 查询中使用 POST 数据

Question

我有一个使用引导选项卡的网站，所以我试图通过 Ajax 使所有内容都以最少的刷新量工作，但是在页面刷新之前，我无法让 ajax 帖子与 mysql 查询一起使用。

按下按钮后，Ajax 就会从该元素的 ID 中获取值，并打开一个引导选项卡。这是我希望传递数据的地方，以便结果与用户选择的选项相关。

Modules.php

<a href="#parts" id="100" class="completed"></a>

(Ajax 请求)

$(".completed").click(function() {

var element = $(this);
var ID = $(this).attr("id");
var dataString = 'id='+ ID;

$.ajax({
      cache: false,
      url: "includes/scripts/ajax/module_parts.php",
      type: "POST",
      datatype: "text",
      data: dataString,
      success: function (html) {
        $('#moduleNum').html(ID);
        console.log(ID);
      },
      error: function(data, errorThrown)
      {
          alert('request failed :'+errorThrown);
      }
 });

return false;

});

module_parts.php

$module_id = mysqli_real_escape_string($connection, $_POST['id']); 

echo $module_id;

$query = mysqli_query ($connection, "SELECT number FROM Modules WHERE number = '".$module_id."'");

我知道该帖子工作正常，因为我尝试将帖子转换为 session ，然后在刷新页面时显示数据。

将 ID 附加到 html 元素时，数据也能正确显示。

非常感谢，扎克。

Answer 1

顺便说一句，我更喜欢用 ajax 恶作剧来做到这一点。它可能会帮助你...

更改 anchor 元素:

<a href="#parts" id="100" class="completed" rel="completed">Click me</a>

Javascript:

ID = $(this).attr("id")

$('body').on('click', '[rel="completed"]', function() {
    $.post('includes/scripts/ajax/module_parts.php', { id : ID }, function(data) {
        $('#moduleNum').html(data); // data or ID ?
    }).fail(function() {
        alert('request failed');
    });
});

如果您插入新链接或按钮，$('body').on 部分有助于使脚本保持事件状态。它意味着 body 标记内的任何内容，但您可以并且也许应该进一步缩小范围，例如周围的 div。

我个人认为这种方式更容易处理，尤其是在只有简单的数据来回传递的情况下。