ajax? a태그? 관련질문입니다.

Question

[code]<%@ page language="java" contentType="text/html; charset=EUC-KR" pageEncoding="EUC-KR"%><%if(session.getAttribute("ValidMem") == null) {%><% } %>

게시판
사진게시판
Q&A게시판
준비중
준비중
준비중

여기엔 뭘 넣지?

메인 게시판 영역?

[/code] 게시판 버튼을 누르면 이 화면이

메인 게시판 영역?

여기 안으로 들어가게 하면서 url도 board_list.jsp(서블릿에서 변경) 로 바뀌게 하고 싶습니다. 그럴 경우 ajax를 이용해야하나요? 만약 ajax를 사용 했을 때 이렇게 코드를 작성할 경우 일반적인 a태그처럼 창만 바뀌네요.. 위 소스에 따른 컨트롤러는 private void actiondo(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { request.setCharacterEncoding("EUC-KR"); String viewPage = null; // 페이지 리다이렉트 BCommand command = null; // command 저장 String url = request.getRequestURI(); // ex)http://localhost/board/test.jsp >> board/test.jsp String conPath = request.getContextPath(); // ex) http://localhost/board/test.jsp >> /test.jsp String con = url.substring(conPath.length()); if(con.equals("/board_list.do")) { command = new BListCommand(); command.execute(request,response); viewPage = "board_list.jsp";이렇게 사용중입니다.

나도아빠다 · Answer

e.preventDefault()

DoRahee · Answer

좋은 조언 감사합니다..!게시판를 했을 때, 창이 안나타납니다, 근데 content 영역에서 board.list.do의 화면을 볼 수도 없네요..

나도아빠다 · Answer

음....구냥 넣으셨네요ㅠㅠㅠ일단 jquery를 쓰시면 onclick 을 태그에 넣는건 없다고 보시면 됩니다. E.preventDefault는 해당태그의 원래 기능을 사용하지 않겠다는 의미입니다. a태그 클릭이벤트 주실땐$(a태그).click(function(){//logic})대신$(a태그).click(function(e){e.preventDefault()//logic})으로 무조건 만든다고 생각하시면 편합니다...

DoRahee · Answer

자꾸 질문드려 죄송합니다 ㅠㅠㅠ...$('#board_btn').on('click',function(e){ e.preventDefault(); $.ajax({ type : &#34;GET&#34;, //전송방식을 지정한다 (POST,GET) url : &#34;board_list.do&#34;,//호출 URL을 설정한다. GET방식일경우 뒤에 파라티터를 붙여서 사용해도된다. dataType : &#34;html&#34;,//호출한 페이지의 형식이다. xml,json,html,text등의 여러 방식을 사용할 수 있다. error : function(){ alert(&#34;통신실패!!!!&#34;); }, success : function(Parse_data){ $(&#34;#content&#34;).html(Parse_data); //div에 받아온 값을 넣는다. } });});이런식으로 작성을 했습니다. 근데 여전히 a태그는 먹히네요... ㅠㅠㅠ 무엇이 문제일까요.. 자꾸 질문드려 죄송합니다.

나도아빠다 · Answer

html에 jquery는 들어있나요?<script src&#61;&#34;~~jquery.min.js&#34; type&#61;&#34;text/javascript&#34;/>이게 안보이는거같습니다.

DoRahee · Answer

관심 감사합니다 ㅠㅠ 소스는 이렇게 들어가있고 $('#board_btn').on('click',function(e){ 이 부분을 $(document).ready(function(){이렇게 작성했을 시 #content부분에 자동으로 들어가는것은 확인했습니다.

나도아빠다 · Answer

아....document ready도 빠졌군요... e.preventDefault()처럼 그것도 그냥 자바스크립트 선언하면 자동으로 써주고 시작하시면 됩니다.귀찮으시면 $(document).ready(function(){})대신, $(function(){ })해주시면됩니다. 그리고.. 실행스크립트를 인라인에 넣을때는 저 실수때문에라도 body의 맨 밑에 넣어주시는 버릇 들이시는게 좋습니다.브라우저는 페이지의 위에서부터 로딩하는 버릇이 있어서 덩치큰 스크립트 로딩 기다린다고 페이지가 안뜨는 사태를 막을 수 있습니다.

DoRahee · Answer

애정어린 조언 감사합니다.. 제가 실력이 너무 많이 부족하군요.. 좀 더 열심히 공부해야겠습니다..

ajax? a태그? 관련질문입니다.

8개의 답변

Q&A 목록