javascript - Javascript 上的空 .HTML()

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 但结果是未定义。

Answer 1

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

让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);
   }
});