Как установить значение модели с сервера, используя JS? Весна и JS

Question

Мне нужно установить значение в массив:

<div th:each="user : ${users}">
    <fieldset>
        <label th:text="${user}"></label>
    </fieldset>
</div>

пользователей - это массив. Это код JS:

    let inputWithNumberPage = document.getElementById('numberPage')
    const request = new XMLHttpRequest()
    const url = "http://localhost:8080/getMoreUsers/"+inputWithNumberPage.value
    request.open('GET', url)
    request.setRequestHeader('Content-Type', 'application/x-www-form-url')
    let users = [[${users}]]
request.addEventListener("readystatechange", () => {
      if (request.readyState === 4 && request.status === 200) {

   
let d =  new Array();
            let data = JSON.parse(request.responseText).map(Object.values)

            for(let i = 0; i < data.length; i++) {
                for(let j = 0; j < data[i].length; j++) {
                    [[${users}]].push(data[i][j])
                }
            }
            console.log([[${users}]])
            inputWithNumberPage.value = (Number.parseInt(inputWithNumberPage.value) + 1)
      }
  });

  request.send()
  }

Я получаю данные с сервера с помощью запроса JSON. Это работает, я получаю данные и хочу передать эти данные переменным пользователям. Когда я это сделал, ошибки нет, но массив пуст. Как передать данные «пользователям»?