Question

我有一个通过ajax返回的HTML列表。但是，所有条目均以逗号分隔。如何将每个结果用逗号分开，并按顺序附加到/ li？

HTML

$('#search-btn').on('click', function(e) {
   e.preventDefault();
var url = "?=";
var searchValue = $('input[name="search"]').val();
var urlAddition = url + searchValue 
$.ajax({
  url: urlAddition,
  dataType: "html",
  success: function(data) {
     alert(data);
     $('ul#response').html(data);
   }
 });
});

jQuery

{{1}}

Answer 1

使用.split()用逗号分隔字符串，使用.map()遍历项目，创建li并将它们附加到ul。

const res = 'Attack, Defence, Strength, HitPoints';

const list = res.split(",");

$('#response').html(list.map(item => '<li>' + item + '</li>').join(''));

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<ul id="response"></ul>

按逗号将Ajax Resuls拆分为UL列表

1 个答案: