본문 바로가기

전체 글

Ajax(3) - CSV 형식 데이터 읽기, 검색 시 제시어 기능 1. CSV 읽어오기 ex. 뉴스 헤드라인 목록 - newsTitleCSV.jsp 2. 검색 시 제시어 기능 만들기 - suggestClient.jsp 의 의미 jsp는 톰캣서버에 올라가서 자기 로컬 경로에 class, java파일이 생성됨 => class파일 들어가보면 Init() Destroy() Service() 있음. 이렇게 만들면 그 안의 내용이 Service() 메소드 안에 생성이 됨 - 메소드 안에 또 메소드를 정의할 때는 이 안에 쓸 수 없음 Service() 바깥에 생김 => 전역변수로 생성된다는 소리 httpRequest.js - XMLHttpRequest 객체 생성 파일 (공통으로 쓸 것) function getXMLHttpRequest(){ //IE인 경우 if(window.Acti.. 더보기
JQuery 셋팅 및 예제 (10.18필기보고보완) 1. JQuery 셋팅 2. (JQuery 예제) Javascript와 JQuery 비교 - test1. jsp , test2. jsp 1. JQuery 셋팅 JQuery는 엘리먼트를 선택하여 효율적으로 제어할 수 있는 다양한 수단을 제공하는 자바스크립트 라이브러리 두가지로 나뉘어져 있음 - Script 파트와 GUI 파트 1) Javascript 파트 다운받기 https://jquery.com/download/ Download jQuery | jQuery link Downloading jQuery Compressed and uncompressed copies of jQuery files are available. The uncompressed file is best used during developm.. 더보기
Interceptor (미) 스트럿츠 2에 도입된 중요한 요소 중에 하나로 Action 객체가 실행하기 전/후에 호출된다. ⋅ 모든 액션 요청(Action Request)에 대해 공통적으로 적용되어야 하는 공통 기능들을 제공하는 모듈 ⋅ 인터셉터의 시작은 ActionInvocation 이 담당한다 ⋅ 액션 프록시가 ActionInvocation 의 invoke() 메소드를 호출 할 때 인터셉터의 실행이 시작된다. ⋅ 인터셉터의 작업이 끝나면, 또 다시 ActionInvocation 의 invoke() 메소드를 다시 호출 -> invoke() 에서드는 실행할 추가 인터셉터가 존재하는지 조사 -> 실행할 인터셉터가 존재한다면, 그 인터셉터의 interceptor() 메소드를 호출하는 식으로 인터셉터 체인을 형성 -> 만약 더 실행 할 .. 더보기
Ajax(2) - get/post 방식 비교, ID 유효성 검사, javascript를 이용한 Ajax 구현 - Ajax는 필수기술 중 하나, 매우 중요! 네이버에서 자동으로 바뀌는 부분들은 다 Ajax로 구현됨 - jQuery도 부트스트랩처럼 CDN이 있음. jQUERY 사이트 > view source - 나중엔 Javascript만을 이용해 server, view도 컨트롤 할 수 있음 1. Ajax 의 get방식과 post 방식 비교 2. Ajax를 활용한 ID 유효성 검사 3. Javascript를 이용한 Ajax 구현 1. Ajax - Get방식과 Post 방식 비교 ajaxGetPost.jsp ajaxGetPost ajaxGetPost_ok.jsp 데이터를 바꿔도 잘 바뀌지 않음 // 클라이언트 캐쉬 제거 작업 response.setHeader("Pragma","no-cache"); response.s.. 더보기
Ajax (1) - 데이터 전송받기 (javascript,jQuery,Ajax) 오늘 진행 할 예제 test1.jsp => javascript로만 Ajax를 구현 test2.jsp => JQuery의 Ajax 기능을 통해서 Ajax를 구현 (많이씀) test3.jsp => JQuery로만 Ajax를 구현 test4.jsp => JQuery의 Ajax를 이용하여 get,post방식으로 데이터 넘기기 test5.jsp => jQuery의 Ajax를 이용하여 JSON 형식으로 데이터 주고받기 1. JavaScript를 이용해 Ajax를 구현하는 예제 JavaScript를 이용하여 서버로 보내는 HTTP request를 만들기 위해서는 그에 맞는 기능을 제공하는 Object의 인스턴스가 필요 XMLHttpRequest 객체 생성 xmlReq = new XMLHttpRequest(); // .. 더보기

티스토리툴바