Почему мои JavaScript l oop не вводятся? - PullRequest
0 голосов
/ 04 февраля 2020

У меня есть функция JavaScript, которая перебирает данные, полученные методом Java. Я вижу, что переменная данных заполняется, но l oop не вводится;

JavaScript - в веб-консоли переменная данных заполняется как data=[{"id":"1","name":"Megan","pay":100.0}], следующая ошибка отображается в веб-консоль;

jquery-3.3.1.js:3963 jQuery.Deferred exception: Cannot use 'in' operator to search for 'length' in [{"id":"1","name":"Megan","pay":100.0}] TypeError: Cannot use 'in' operator to search for 'length' in [{"id":"1","name":"Megan","pay":100.0}]
    at isArrayLike (http://localhost:8080/jquery-3.3.1.js:498:33)
    at Function.each (http://localhost:8080/jquery-3.3.1.js:359:8)
    at Object.<anonymous> (http://localhost:8080/csvTest.js:10:11)
    at mightThrow (http://localhost:8080/jquery-3.3.1.js:3665:29)
    at process (http://localhost:8080/jquery-3.3.1.js:3741:12) undefined
$(document).ready(function() {
$('#test').click(function() {

     $.ajax({
            url: "/test" 
     }).then(function(data) {

        $.each(data, function (i, item) {
          console.log(item.name);
        });

        });
  });
});

Метод, который возвращает данные;

  @GetMapping("/test") 
      @ResponseBody
        public String getEmployeePercentageMatch(HttpServletRequest request, HttpServletResponse response,String roleName, String percentageMatch) throws IOException {
          percentageMatch="50";
          List<Employee> matchEmployees = new ArrayList<Employee>();
            Optional<Role> currentRole=roleRepository.findByroleNameIs("SWEM"); 
            Optional<List<RoleMapSkill>> skillsForRoles = roleMapSkillRepository.getSkillsForRole(currentRole);
            List<RoleMapSkill> skillsForRole = skillsForRoles.get();

            for(int i=0; i<skillsForRole.size(); i++) {
                Map<String, String> roleSkillMap = new HashMap<String, String>();
                roleSkillMap.put(skillsForRoles.get().get(i).getIdSkill().getIdSkill(), skillsForRoles.get().get(i).getRating());
                System.out.println(skillsForRoles.get().get(i).getIdSkill().getIdSkill()+" "+roleSkillMap.get(skillsForRoles.get().get(i).getIdSkill().getIdSkill()));
            }
            List<Employee> allEmployees = employeeRepository.findAll();
            for(int i=0; i<allEmployees.size(); i++) {
                int totalPercentage=0;
                Employee currentEmployee = allEmployees.get(i);
                Optional<List<EmployeeMapSkill>> skillEmployeeMap = employeeMapSkillRepository.getSkillsForEmployee(currentEmployee);
                for(int j=0; j<skillsForRole.size(); j++) {

                    if(skillEmployeeMap.isPresent()){
                        Map<String,String> employeeSkillMap = new HashMap<String, String>();
                        employeeSkillMap.put(skillEmployeeMap.get().get(j).getIdSkill().getIdSkill(), skillEmployeeMap.get().get(j).getRating());

                    }

                }
                for(int k=0; k<skillsForRole.size(); k++) {
                    if(skillEmployeeMap.isPresent()){
                    int individualPercentageMatch=(100/Integer.valueOf(skillsForRoles.get().get(k).getRating()))*Integer.valueOf(skillEmployeeMap.get().get(k).getRating());
                    totalPercentage= totalPercentage+individualPercentageMatch;
                    }
                }
                int totalPercentageMatch = totalPercentage/skillsForRole.size();
                System.out.println(totalPercentageMatch);

                if(totalPercentageMatch>=Integer.valueOf(percentageMatch)) {
                    matchEmployees.add(currentEmployee);
                }


            }
            String json = new Gson().toJson(matchEmployees);
            PrintWriter writer = response.getWriter();
            writer.write(json);

            return null;
        }

1 Ответ

0 голосов
/ 04 февраля 2020

Это JQuery; Мне это не нравится, но (и с помощью всех) ... dataType: 'json' отсутствует

В вашем коде

    $('#test').click(function() {

     $.ajax({
            url: "/test", 
            dataType: 'json'

     }).then(function(data) {
        $.each(data, function (i, item) {
          console.log(item.name);
        });

        });
  });

Но я не совсем уверен ... .

...