我试图在html中显示ajax结果，但append（）函数显示原始html标签。

Question

我试图在html中显示ajax结果，但append（）函数显示原始html标签。

 success:function(result){
      var element = document.createElement('div');
      jQuery.each(result.data , function(key,value){
          element.append('<div class="col-lg-6">'+value["name"]+'</div>')

      });
      $('.user-profile').html(element);

    }

任何帮助！

Answer 1

您必须明确创建每个元素：

 success:function(result){
      var element = document.createElement('div');
      jQuery.each(result.data , function(key,value){
          var divElem = document.createElement('div');
           divElem.className = 'col-lg-6';
           divElem.innerHTML = value["name"];
          element.appendChild(divElem);

      });
      $('.user-profile').html(element);

    }

append方法接受节点对象和DOMString。但是，它的规格还没有稳定下来。最好使用接受节点对象的appendChild。

Answer 2

您是否尝试过简单地将内容添加为元素中的html？

success:function(result){
    var str = '';
    jQuery.each(result.data , function(key,value){
        str += '<div class="col-lg-6">'+value["name"]+'</div>';
    });
  $('.user-profile').html(str);

}

Answer 3

因为你正在使用jQuery，所以可以这样做：

success:function(result){
  var element = $('<div/>');

  jQuery.each(result.data, function(key, value){
      element.append( $('<div/>', {class: "col-lg-6",text: value["name"]}) );
  });

  $('.user-profile').html(element);
}

希望这有帮助。