如何获取PHP Post数据到jquery ajax请求？

Question

我不知道如何使博客标题进入ajax调用的数据字段。 我一直在寻找有关SQL / PHP / AJAX初学者的教程，但我一直在努力，因此，如果有人对此类内容有任何好的教程，我将很高兴听到。 我了解jquery和php可以，但是我正在尝试建立一个简单的博客系统，您可以在其中使用ajax请求编辑和删除帖子，而我正在努力工作。 谢谢！

functions.js

$(document).ready(function(){
$('#deletePost').click(function(){
    $.ajax({
        url:"post_action.php",
        data: { action: "deletePost", postTitle: title of blog post },
        success: function(result){
            $('ul.left').html(result);
        }
    });
});
});

的index.php

<?php
            include 'scripts/db_connect.php';
            include 'scripts/functions.php';
            sec_session_start();
            $sql = "SELECT * FROM blog";
            $result = mysqli_query($mysqli, $sql);
            while($row = mysqli_fetch_array($result))
            {
                echo'<div class="blog"><h3 class="blog">' . $row['Title'] . 
                "</h3><h3>" . $row['Date'] . "</h3><h3>" . $row['Tag'] . 
                "</h3><hr>";
                echo'<p class="blog">' . $row['Body'] . '</p><form name="postForm" 
                method="post" action="process_post.php">
                <input type="radio" name="postAction" 
                value="editPost" class="postButton"  type="button">Edit</input>
                <input type="radio" name="postAction" value="deletePost" 
                class="postButton" type="button">Delete</input>
                <input type="radio" name="postAction" value="commentPost" 
                class="postButton"  type="button">Comment</input>
                </form></div>';
            }

            ?>

Answer 1

您不能在每个博客文章中重复id="deletePost" 。 您应该改用一个类。 然后您可以编写：

$('.deletePost').click(function(){
    $.ajax({
        url:"post_action.php",
        data: { action: "deletePost",
                postTitle: $(this).siblings("h3.blog").text()
        },
        success: function(result){
            $('ul.left').html(result);
        }
    });
});