Как l oop превзойти Arraylist формы в jsp

Question

Я хочу показать данные через al oop над массивом формы.
Вот форма

    public class GroupSettingForm extends BaseForm {

    private Integer groupId;
    private List<String> employeeList;   

    public Integer getGroupId() {
        return groupId;
    }

    public void setGroupId(Integer groupId) {
       this.groupId = groupId;
    }

    public List<String> getEmployeeList() {
       return employeeList;
    }

    public void setEmployeeList(List<String> employeeList) {
       this.employeeList = employeeList;
    }
}

Вот js /

    function getSelectedData() {

    console.log($('#groupId').val());
    $.ajax({
        type : "GET",
        url : "/MSS/setting/groupSetting/edit?groupId=" + $('#groupId').val(),
        dataType : "json",
        success : function(data) {
            $('#groupId').val(data[0].groupId);
            $('#groupName').val(data[0].groupName);
            $('#employeeList').val(data[0].empList);
        },
        error : function(XMLHttpRequest, textStatus, errorThrown) {
        }
    });
}

Проблема в том, как я могу l oop over employeeList в jsp.

Сотрудник всегда пуст. Пожалуйста, помогите.

Вот вывод ajax данных.

Вот код html, где я хочу дисплей.

    <c:forEach items="${employeeList}" var="employee">
        <div class="col-sm-12">
            <a class="delete_emp btn btn-sm btn-outline-default pl-0"><c:out value="${employee}" /><i class="fa fa-times ml-1" aria-hidden="true"></i></a>
        </div>
   </c:forEach>

Answer 1

Вы можете использовать от $.each до l oop поверх ваших данных. Как вы можете видеть в демонстрационном коде ниже:

//suppose this is your data
var data = ["AA", "AB", "AC"];
//looping through array
var a = "";
$.each(data, function(i, item) {
  a += '<div class="col-sm-12"><a class="delete_emp btn btn-sm btn-outline-default pl-0"> ' + item + ' <i class="fa fa-times ml-1" aria-hidden="true"></i></a> </div>';
});
//below will display data in div with id="add"
$("#add").html(a);

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
<div id="add">
 <!--here data will come-->
</div>