Нанесите на карту два объекта и соедините вместе

Question

Я пытаюсь присоединить результат данных из ajax к const res. Так что в идеале порядок списка будет

• Атака 402983
• Оборона 1500
• Сила 70
• HitPoints 68

Как вы можете видеть ниже, у меня возникли проблемы с добавлением двух вместе в виде списка. Пример того, что приходит из данных ajax: 402983,1500,70,68

HTML

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

<ul id="response">         
</ul>

JAVASCRIPT

// this is the id of the form
  $('#search-btn').on('click', function(e) {
    e.preventDefault();

    var url = "?player=";
    var player = $('input[name="search"]').val();
    var urlAddition = url + player

    $.ajax({
      url: urlAddition,
      dataType: "html",
      success: function(data) {
        const res = 'Attack, Defense, Strength, HitPoints';
        const list = res.split(",");
        const listdata = data.split(",");
        const secondlists = listdata.map(item => + item);
        $('ul#response').html(list.map(item => '<li>' + item + secondlists + '</li>').join(''));
      }
    });
  });

Answer 1

Вы можете использовать второй параметр из обработчика, который является индексом.

$('ul#response').html(list.map((item, i) => '<li>' + `${item} ${listdata[i]}` + '</li>').join(''));
                                      ^                                  ^

Как видите, этот подход напрямую использует массив listdata.