Невозможно разделить ответ Ajax на отдельный Div

Question

Я пытаюсь разделить ответ Ajax на два отдельных Div.Я получаю ответ в одном Div.Пожалуйста, смотрите код

$(document).ready(function() {
  $.post("check.php", {
      job: exactdatainner,
      attrb: getattr
    },
    function(data, status) {
      alert("Data: " + data + "\nStatus: " + status);

      var obj = data.split('||');
      $(".job").html(obj[0]);
      $(".attribute").html(obj[1]);
    });
});

<div class="job"></div>
<div class="attribute"></div>



<?php
    $job = $_POST['job'];
    $attrb = $_POST['attrb'];
    echo $job;
    echo $attrb;
    ?>

Я получаю результат, но все результаты печатаются только внутри первого div Вот код PHP

Answer 1

Вы проанализировали data с неправильным синтаксисом:

{
      job: exactdatainner,
      attrb: getattr
}

Просто измените на это:

{
      "job": "exactdatainner",
      "attrb": "getattr"
}

Также измените код PHP :

<?php
$job = $_POST['job'];
$attrb = $_POST['attrb'];
echo $job."||";//Add || to seperate Objects
echo $attrb;
?>

Answer 2

Вам нужно echo из логики PHP , где вы хотите, чтобы оно появилось на странице:

<?php
$job = $_POST['job'];
$attrb = $_POST['attrb'];
?>

<div class="job"><?php echo $job; ?></div>
<div class="attribute"><?php echo $attrb; ?></div>

Или вы также можете echo выделить компоненты HTML:

<?php
$job = $_POST['job'];
$attrb = $_POST['attrb'];
echo "<div class='job'>$job</div>";
echo "<div class='attribute'>$attrb</div>";
?>