个人中心
gpt4 book ai didi

javascript - 如何使用 Ajax 每个函数和动态数量的 DIV 标签

转载 作者：行者123 更新时间：2023-11-30 16:12:02 24 4
gpt4 key购买 nike

我的 code-igniter mysql JSON 响应内容大量的电子邮件地址。我应该如何为每个电子邮件地址添加每个 div 标签。现在只显示最后一个电子邮件地址。 

$(document).ready(function() {
  $('#option1').click(function() {
    $.ajax({
      url: '<?php echo base_url(); ?>' + 'main/studentdetails',
      dataType: "JSON",
      type: "POST",
      success: function(retdata) {
        $.each(retdata, function(i, item) { //i = number of records
          $(".target").html(retdata[i].email);
        });
      }
    });
  });
});
<body>
  <input type="button" id="option1">
  <div class='target'>
  </div>
</body>

最佳答案

您需要使用 append() 而不是 html() ，否则它将替换之前的值并显示最后一个值。

$(".target").append(item.email);

关于javascript - 如何使用 Ajax 每个函数和动态数量的 DIV 标签，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36100381/

24 4 0
文章推荐： javascript - 如何使用 DIV 作为节点编写简单的 d3.js 网络图
文章推荐： python - 使用 ctypes 从 python 调用 darknet API(图像作为参数)
文章推荐： c - While 循环不断检查用户输入的整数
文章推荐： javascript - 如何让 Magnific Popup 与 Browserify 一起工作