需要帮助理解.each（）并在Ajax GET中发现重复问题

Question

我有一个ajax代码如下：

<script>
  $(document).ready(function () {
  EmployeeStates("Available", 1, 15);
});
function EmployeeStates(state, pageNumber, pageSize) {
  $.ajax({
    type: "GET",
    contentType: "application/json; charset=utf-8",
    url: "http://localhost:58102/api/EmployeeState?state=" + state + "&pageNumber=" + pageNumber + "&pageSize=" + pageSize,
    //data: JSON.stringify({ "state": state,"pageNumber":pageNumber,"pageSize":pageSize }),
    dataType: "json",
    success: function (data) {

      $.each(data, function (index, emp) {
        $("#ReservationDesignation").append(emp.employee.designation.designationName);
      });


    },
    fail: function (error) {
      Console.Log(error);
    }
  })
}
</script>

在将指定名称（emp.employee.designation.designationName）分配给#ReservationDesignation时，我得到了重复。 即，ArchitectArchitect。实际结果应该是Architect。

我不熟悉.each（）函数。

有人可以帮我删除结果中的副本吗？

谢谢。