Question

我目前正在尝试在每次加载Ajax调用时发布某些代码块。我正在使用Append来做它，它看起来像这样：

$("#wrap").append("
   <div class='newData'>
     <div class='infoBox'>
       " + firstName + lastName + "
     </div>
   </div>"
);

我的Ajax看起来像这样：

$.ajax({
        type: "GET",
        url: "feed.php",
        dataType: 'json',
        success: function(data) {
          for(i = 0; i < data.length; i++){
            firstName = data[i].First_Name;
            lastName = data[i].Last_Name;

           // wrap.innerHTML += '<div class="newData">' + firstName + lastName +'</div>';
            $("#wrap").append("
              <div class='newData'>
                <div class='infoBox'>
              " + firstName + lastName + "
                </div>
              </div>");
          }
        }
    });

当我尝试这样做时，没有任何事情发生。如果我取出infoBox div，我就可以开始工作了。这是正确的方法吗？我将使用来自Ajax调用的变量在其中添加多个不同的div。有没有更好的方法来做到这一点，或者这是正确的方法，但做错了吗？

Answer 1

您没有正确连接它。

它应该是这样的：

composer require "illuminate/html":"5.0.*"

JQuery追加多个div

1 个答案: