javascript - jQuery AJAX，使用 jQuery 从 HTML 数据属性获取变量，然后将其返回给 PHP

Question

我试图从这个 HTML/PHP 代码中获取“data-postid”属性，然后我试图用它来点击唯一的 div，然后在点击时显示适当的灯箱(我正在使用一个 WordPress 站点，因此是 Wordpress 代码):

编辑:更改代码以显示当前版本，以及一个名为“myfile.php”的新文件

HTML/PHP 代码 (index.html):

<div class="person-row">
  <div id="post-<?php the_ID() ?> <?php post_class(); ?>" class="person" data-postid="<?php the_ID() ?>">
 </div>

JQuery 代码(script.js):

var $post = $(this);
        var identifier = ($post.data("postid"));

        $.ajax({
            url: "myfile.php",
            type: "POST",
            data: { postNumber: (identifier) },
            dataType: "text",
            success: function(response) {
                alert(response);
            }
        });

然后尝试将其返回到 PHP 中使用

PHP 代码 (myfile.php)

<?php $post = $_POST['postNumber'] ?>

PHP 代码 (index.html)

<?php $PID = $_GET['postNumber'] ?>

任何帮助将不胜感激。如果您还有其他需要了解的信息，我很乐意提供。

Answer 1

您的代码不是最优的，但理论上它应该可以工作。但是你可以改进它。

$post = $(this);
$.ajax({
    url: "index.php",
    type: "GET",
    data: { postid: $($post).attr("data-postid") }, 
    success: function(response) {
       alert(response);  
    }
});

如 Misiur 所述。您可以将 $($post).attr("data-postid") 更改为 $post.data('postid')。 jQuery 提供对访问 data attributes 的支持所以不需要使用 .attr。

您也将 $post 包装在 jQuery 对象中，无需重新包装它，即无需执行此操作 $($post)。