ajax로 페이지 body의 content만 변경하게 하는법 질문(toast ui grid)

Question

안녕하세요.이클립스에서 spring mvc패턴으로 웹 페이지 제작중입니다.이번에 데이터 출력을 많이해야해서 toast ui grid를 사용해서 데이터를 출력하려고합니다.구현하고싶은 기능은 사이드의 메뉴바의 메뉴들을 눌렀을 때, 사이드바와 헤더는 페이지가 넘어가지 않고 Contents만 바뀌는기능을 구현하고싶습니다.이런식으로 화면을 구성했고 id가 bodyContents인 div영역에 jsp페이지를 호출하는 형식으로 했습니다.생산지시이게 사이드 메뉴바에 있는 링크이고이게 페이지를 호출하는 ajax 함수입니다.bodyContents div의 내용을 지우고 컨트롤러에서 jsp페이지를 리턴 받아서 div에 다시 출력하는 식으로 했습니다.<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> 생산지시

이건 불러오는 jsp 페이지입니다.메뉴를 클릭하면 화면이 이렇게 잘 뜹니다. 근데 동일한 메뉴를 한번 더 누르면이렇게 toast ui의 grid가 사라져버립니다.개발자 도구의 콘솔 창을 보니Uncaught SyntaxError: Identifier 'gridData' has already been declared라는 에러 문구가 뜹니다. 그리드의 더미데이터를 담고있는 gridData가 이미 선언 되어있다고 합니다.다른 메뉴들도 처음 들어가는건 그리드가 잘 뜨는데 두번 들어가면 똑같이 에러가 발생합니다.혹시 에러가 왜 발생하는지, 화면 새로고침 없이 contents만 바꾸려면 어떻게 하는게 좋을지 고수님들의 고견을 여쭙습니다...무지한 저의 긴 글 읽어주셔서 감사합니다.

하태연 · Answer

gridData를 const로 이미 선언했는데, 다시 데이터를 넣으려니까 오류가 나는 것 같습니다.[const has already been declared] 검색해보세요.

ajax로 페이지 body의 content만 변경하게 하는법 질문(toast ui grid)

1개의 답변

#toastui 목록