ayax 쿼리로 thymeleaf 컨트롤러에서 엔티티별로 모달 창을 채우는 방법

Question

'보기'버튼을 클릭하여 구체화 된 모달 창을 사용하여 특정 사용자를 표시하고 싶습니다. 컨트롤러에 ajax 쿼리를 사용하여이 작업을 수행하려고합니다. 또한 오류가 있습니다 : 예기치 않은 오류가 발생했습니다 (유형 = 내부 서버 오류, 상태 = 500). 예외 평가 SpringEL 식 "user.firstName"(사용자 : 190)

테이블 :

<tr th:each="user : ${users}"> 
      <td th:text="${user.firstName}"></td> 
      <td th:text="${user.lastName}"></td> 
      <td th:text="${user.username}"></td> 
      <td> 
       <a th:onclick="'javascript:viewUser(\'' + ${user.id} +'\');'" class="btn-floating waves-effect waves-light yellow"><i class="material-icons">visibility</i></a> 
       <a href="#updateUser" class="btn-floating waves-effect waves-light blue btn modal-trigger"><i class="material-icons">edit</i></a> 
       <a th:href="${'/users/delete/' + user.id}" class="btn-floating waves-effect waves-light red"><i class="material-icons">delete</i></a> 
      </td> 
     </tr> 

모달 :

<div id="viewUser" class="modal modal-fixed-footer" th:fragment="view"> 
     <div class="modal-content"> 
      <h4>View User</h4> 
       <div class="row"> 
        <div class="col s12"> 
         <div class="row"> 
          <table> 
           <thead> 
           <tr> 
            <th></th> 
            <th></th> 
           </tr> 
           </thead> 
           <tbody> 
           <tr> 
            <td>First Name: </td> 
            <td th:text="${user.firstName}"></td> 
           </tr> 
           <tr> 
            <td>Last Name: </td> 
            <td th:text="${user.lastName}"></td> 
           </tr> 
           <tr> 
            <td>Username</td> 
            <td th:text="${user.username}"></td> 
           </tr> 
           </tbody> 
          </table> 
         </div> 
        </div> 
       </div> 
     </div> 
     <div class="modal-footer"> 
      <button class="modal-action modal-close waves-effect waves-light btn-floating red"><i class="material-icons">close</i></button> 
     </div> 
    </div> 

JS 함수 :

function viewUser(id) { 
    $.ajax({ 
     url: "https://stackoverflow.com/users/view/" + id, 
     success: function(response) { 
      console.log(response); 
      $('#viewUserHolder').html(response); 
      $('#viewUser').modal('open'); 
     } 
    }); 
} 

방법으로 컨트롤러 :

@RequestMapping(value = "/view/{id}") 
public String view(@PathVariable("id") Integer id, ModelMap modelMap) { 
    User user = userRepository.findOne(id); 
    modelMap.addAttribute("user", user); 
    return "users :: view"; 
} 

Answer 1

$ ('# viewUser) .modal()을 추가하면 문제가 해결됩니다. 모달 창을 열지 않았습니다.

function viewUser(id) { 
     $.ajax({ 
      url: "https://stackoverflow.com/users/view/" + id, 
      success: function(response) { 
       $('#viewUserHolder').html(response); 
       $('#viewUser').modal(); 
       $('#viewUser').modal('open'); 
      } 
     }); 
    }