Добавить ответ ajax в div

Question

Я пытаюсь добавить ответ в формате json к столбцу, но получаю следующую ошибку: «Uncaught TypeError: response [i] .name.appendTo не является функцией».

function allUsers(){
        $(".error").remove();
        $("#tabla").remove();
        $.ajax({
            type: "GET",
            url: "mylocalhost/public/api/user",
            contentType: "application/json",    
            dataType:'json',

             beforeSend: function(request) {
                    request.setRequestHeader("Authorization", localStorage.getItem("token"));
                },
            success: function(response){
                console.log(response);




for (i = 0; i < response.length; i++) {

                    $('<div class="prueba"/><br>')+(response[i].name).appendTo('#filaNombre');

                    ...

Answer 1

Используйте приведенный ниже код для добавления имени с помощью forEach

response.forEach((item)=> {
    $('#filaNombre').append(`<div class="prueba">${item.name}</div>`);
});

allUsers() используется для заполнения JSON ответа

function allUsers() {
    $(".error").remove();
    $("#tabla").remove();
    $.ajax({
        type: "GET",
        url: "mylocalhost/public/api/user",
        contentType: "application/json",    
        dataType:'json',

         beforeSend: function (request) {
                request.setRequestHeader("Authorization", localStorage.getItem("token"));
            },
        success: function (response) {
          if (response) {
            response.forEach((item)=> {
                $('#filaNombre').append(`<div class="prueba">${item.name}</div>`);
            });
          } else {
            $('#filaNombre').append(`<div class="prueba">No User Found</div>`);
          }
        }
    });
}

Answer 2

Попробуйте изменить эту строку:

$('<div class="prueba"/><br>')+(response[i].name).appendTo('#filaNombre');

на эту:

$('<div class="prueba"><br>' + response[i].name + '</div>').appendTo('#filaNombre');