Как заполнить поля ввода запросом ajax с сервера MySQL, используя PHP?

Question

У меня есть поле ввода, которое я пытаюсь заполнить запросом AJAX к моему SQL серверу, используя PHP, но оно не работает. Console.log выдает правильный заголовок массива: "" description: "", но не добавляет данные в поле ввода текста, чтобы я мог его увидеть. Я смотрел на другие ответы, но их не хватает. Спасибо!
HTML

<input type="text" class="inputtext" name="task-title-reg" value="">
<textarea class="textbox" name="task-description-reg" rows="4" cols="50" value=""></textarea>

AJAX ЗАПРОС

                $(".task-listing").click(function() {
                $.ajax({
                    type: 'POST',
                    url: 'task-info-get.php',
                    dataType: 'json',
                    data: 'pid=' + $(this).attr("id"),
        success: function (response) {
            console.log(response);
            $("task-title-reg").val(response);
            $("task-description-reg").val(response);
        }
                })
            });
            });

PHP

<?php
include 'sqlconnection.php';
$conn = OpenCon();

$stmt = $conn->prepare('SELECT title,description FROM tasks WHERE pid='.$_POST['pid']);
$stmt->execute();
$stmt->bind_result($title,$description);
while($stmt->fetch()) {
    $output[]=array(
        'title' => $title,
        'description' => $description

    );
}
$json=json_encode($output);
echo $json;

$stmt->close();
CloseCon($conn);
?>

Answer 1

$json=json_encode($output);
echo $json;

Из-за вышеприведенного кода и dataType:'JSON' ответом является javascript Object.

Доступ к строкам путем предоставления keys to javascript Object:

function (response) {
            console.log(response);
            $(".task-title-reg").val(response.title);
            $(".task-description-reg").val(response.description);
        }

Answer 2

Я рекомендую использовать класс для ввода значения.

$('.inputtext').val('Your value here!')