Javascript 按逗号将Ajax结果拆分为UL列表

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

HTML

用于按逗号拆分字符串，并循环遍历项目，创建li并将其附加到ul

const res='攻击、防御、力量、生命值'；
const list=res.split（“，”）；
$（'#response'）.html（list.map（item=>'
'+item+'
'））.join（''）

用于以逗号分隔字符串，并循环遍历项目，创建li并将其附加到ul


const res='攻击、防御、力量、生命值'；
const list=res.split（“，”）；
$（'#response'）.html（list.map（item=>'
'+item+'
'））.join（''）


   <form class="form-inline mt-2 mt-md-0">
            <input
              class="form-control mr-sm-2"
              type="text"
              name="search"
              placeholder="Search"
              aria-label="Search"
            />
            <button id="search-btn" class="btn btn-outline-success my-2 my-sm-0" type="submit">
              Search
            </button>
  </form>

 <ul id="response">
          <li>Attack
          </li>
          <li>Defence
          </li>
          <li>Strength
          </li>
          <li>HitPoints
          </li>
 </ul>

$('#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);
   }
 });
});