목록JAVA_EE/AJAX (12)

잡동사니에도 사랑을

[21.10.19] exam04(01_helloAjax) - JSON형식 불러오기

JSON? ////////exam04 $.ajax() 함수를 사용한 텍스트 읽기 ////////textdata.jsp ${param.keyword }
JAVA_EE/AJAX 2021. 10. 19. 13:00
[21.10.19] exam03(01_helloAjax)

동적 드롭다운 ////////category-data.html ----- 선택하세요 ----- 의류 디지털/가전 ----- 선택하세요 ----- 여성의류 남성의류/캐주얼의류 ----- 선택하세요 ----- TV/냉장고/세탁기 노트북/데스크탑 ----- 선택하세요 ----- 티셔츠 블라우스/셔츠/남방 가디건 니트/스웨터 ----- 선택하세요 ----- 캐주얼셔츠/남방 긴팔티/맨투맨신규코너 청바지인기코너 캐주얼 바지/팬츠 ----- 선택하세요 ----- 3D TV 김치냉장고 드럼세탁기 ----- 선택하세요 ----- 노트북 브랜드PC 조립PC
JAVA_EE/AJAX 2021. 10. 19. 12:59
[21.10.19] exam02(01_helloAjax) - Ajax를 활용하여 HTML파일 내용 읽기

////////exam02.html $.ajax() 함수를 사용한 HTML소스 읽기 ////////text02.txt Ajax를 통해서 다른 파일을 읽어옵니다. 다른 내용은 HTML태그로 구성될 수 도 있습니다.
JAVA_EE/AJAX 2021. 10. 19. 12:51
[21.10.19] exam01(01_helloAjax) - Ajax활용하여 txt파일 불러오기

Ajax를 활용하여 다른 페이지에 있는 데이터를 받아오는 방법을 알아보자. Ajax 외 일반적인 웹은 새로고침을 할 때 새로운 URL이 호출되면서 페이지가 새로 뿌려진다. 하지만 Ajax를 이용하면 비동기 통신 방식으로 로드해올 수 있다. 예제를 살펴보자. ////////exam01.html $.ajax() 함수를 사용한 텍스트 읽기 *주요 내용 → url을 통해 외부 데이터인 txt파일을 불러온다. ////////common.css 더보기 @charset "UTF-8"; html, body { width: 100%; height: 100%; } h1.title { font-size: large; border-left: 10px solid #7BAEB5; border-bottom: 1px solid #7..
JAVA_EE/AJAX 2021. 10. 19. 12:45
이전 Prev 1 2 Next 다음