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

Question

I can't figure out how to get the blog title into the data field of the ajax call. I have been looking for tutorials on beginner SQL / PHP / AJAX and I am struggling so if anyone has any good tutorials for this kind of stuff I'd be happy to hear it. I understand jquery and php okay, but I am trying to set up a simple blog system where you can edit and delete posts using ajax requests and I am struggling big time. Thanks!

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

You can't repeat id="deletePost" in each blog post. You should use a class instead. Then you can write:

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