Как получить значение идентификатора div, а затем отправить его в мой PHP файл, используя ajax?

Question

То, что я пытаюсь сделать, это иметь «списки» всех с уникальными идентификаторами. Когда пользователь нажимает на список (у каждого есть тег привязки), я хочу запросить базу данных с идентификатором списка, а затем отобразить информацию на экране. Я не собираюсь беспокоиться о том, чтобы передавать данные обратно на веб-сайт, я просто хочу отправить переменную, по которой база данных SELECTS для.

Script

$(function(){
    $('.tasks-column').on('click', 'a', function(){
        var pid = $(this).attr("id");
        $.ajax({
            method: 'POST',
            url: '/php/info-get.php',
            data: {pid : $('#pid')}

HTML

<a id="1">Listing></a>
<a id="2">Listing</a>

HTML div Я хочу данные в

<div class="DataGoesHereAfterClick"><?=$title?></div>

PHP

<?php

include 'sqlconnection.php';
$conn = OpenCon();
$stmt = $conn->prepare('SELECT title FROM tasks WHERE pid=?'); $pid = 'pid'; $stmt->bind_param('i', $pid);
$stmt->execute();
$stmt->bind_result($title);
$stmt->fetch();
$stmt->close();
echo json_encode($title);
CloseCon($conn);
?>

Answer 1

Сценарий

$(function(){
    $(".listing-act").click(function() {
        $.ajax({
            type: 'POST',
            url: '/php/info-get.php',
            dataType: 'json',
            data: 'pid=' + $(this).attr("id"),
            success: function (response) {
                 $('.DataGoesHereAfterClick').html(response);
            }
           }

HTML

<a id="1" class="listing-act">Listing></a>
<a id="2" class="listing-act">Listing</a>

PHP

<?php

include 'sqlconnection.php';
$conn = OpenCon();
$stmt = $conn->prepare('SELECT title FROM tasks WHERE pid='.$_POST['pid']);
$stmt->execute();
$stmt->bind_result($title);
$stmt->fetch();
$stmt->close();
echo json_encode($title);
CloseCon($conn);
?>