Empty .HTML() on Javascript

Question

我正在尝试在我的行中生成一个div。我正在使用 JSON 数组从我的 PHP 获取数据。

问题是列未显示。

这是我的PHP代码：

$response[] = array(
'CLIENTDETAILS' => $clientdetails,
'SPOUSEDETAILS' => $spousedetails,
'COMAKER1DETAILS' => $comaker1details,
'COMAKER2DETAILS' => $comaker2details
);
echo json_encode($response);

这是我的Javascript代码：

$.ajax({
url: 'generate-application-approval-client-details.php',
method: 'POST',
dataType: 'TEXT',
data: {applno : applno, clientid : clientid},
success: function(response) {
$("#display-client-details").html(response[0].CLIENTDETAILS);
}
});

这是我的 JSON 的结果：

CLIENTDETAILS: "<div class="col-lg-4">
↵                <label>Client ID</label>
↵                <label class="form-control">2000013652</label>
↵            </div>"

我也尝试了yung .innerHtml，但结果是Undefined。

Answer 1

Yo 必须在 AJAX 中解析您的响应，

let responseData = JSON.parse(response);

您的 AJAX 代码应该是这样的：

$.ajax({
url: 'generate-application-approval-client-details.php',
method: 'POST',
dataType: 'json',
data: {applno : applno, clientid : clientid},
success: function(response) {
let responseData = JSON.parse(response);
$("#display-client-details").html(responseData.CLIENTDETAILS);
}
});