用jquery读取json时如何修复（未定义）值

Question

我正在使用 jQuery、PHP 和 HTML 进行单个文本聊天 我所做的是将 PHP 数组转换为 JSON 并使用 Ajax 返回它，我在 jQuery 中使用了 parseJSON，然后循环我的 JSON，之后我将带有 DIV 的项目附加到 HTML 中。

它生成了 8 个具有“未定义”值的 DIV，而不是预期的结果。

$.ajax({
  url: "panels/user/actions/locate-stxt.php",
  data: "tc=" + tc + "&passwrd=" + passwrd,
  success: function(data) {
    if (data.response === true) {
      var json = $.parseJSON(data.array);
      $('.atxt-locate-msg-div').css({
        "display": "none"
      });
      $.each(json, function(index, element) {
        $('.stxt-div-child').append(
          '<div class="atxt-show">' +
          '<div class="who-answered">' +
          element.wa +
          '</div>' +
          '<div class="user-q-div">' +
          '<h3>' + element.subj + '</h3>' +
          '<p>' + element.qtext + '</p>' +
          '<div class="uqd-date">' + element.date + '</div>' +
          '<div class="uqd-time">' + element.time + '</div>' +
          '</div>' +
          '<div class="uqd-answer">' +
          '<p>' + element.answer + '</p>' +
          '<div class="uqda-date">' + element.adate + '</div>' +
          '<div class="uqda-time">' + element.atime + '</div>' +
          '</div>' +
          '</div>'
        );
      });
      $('.atxt-show').css({
        "display": "block"
      });
    }
  }
});

结果：

聊天的未定义值

---

重复的div

你能帮我吗？