Spring Ajax, jQuery

 

1. Ajax (Asynchronous JavaScript and XML)

https://hyejin.tistory.com/212?category=1019892 

[JS + jquery] Ajax

https://hyejin.tistory.com/213?category=1019892 

[JS + jquery] Ajax 관련 메서드와 Ajax로 JSON 데이터 바인딩, XML 데이터 바인딩

여기서 Ajax 자세한 설명은 확인할 수 있다. 

 

Ajax는 웹 사용자들에게 좀 더 높은 수준 인터페이스를 제공할 수 있도록 도움을 주는 기술의 묶음으로, 

Ajax는 특정 기술이 아니라 HTML, CSS, JavaScript, XMLHttpRequest 객체를 비롯한 기존의 여러 기술들을 조합해서 사용하는 웹의 새로운 접근법이라고 할 수 있다. 

 

"비동기적"

비 동기적이라는 의미는 서버로부터 데이터가 로드되는 동안에도 계속해서 페이지를 사용할 수 있다는 뜻으로, 

서버가 데이터를 전달해주면 Ajax 이벤트가 발생하여 서버로부터 받은 데이터를 읽어 페이지의 일부를 수정하게 된다. 

 

 

Ajax는 검색의 자동완성 기능이나 회원 가입할 때 중복 아이디인 경우에 "이미 사용 중인 아이디입니다" 이렇게 표시하는 기능 등에 활용되고 있다. 

 

 

 

2. jQuery

jQuery는 JavaScript를 좀 더 쉽게 사용하도록 만들어진 JavaScript Library로서, jQuery는 가볍고 빠르며 코드의 간결함을 제공하는 오픈소스이다. 

https://hyejin.tistory.com/195?category=1019892 

[JS] 제이쿼리 라이브러리 연동하는 방법 ( 다운로드, 네트워크 전송)

 

- jQuery 가 제공하는 기능 

1️⃣ HTML 앨리먼트 선택

https://hyejin.tistory.com/196?category=1019892 

[JS + jquery] 선택자 (직접 선택자 종류, 인접 관계 선택자 종류)

 

2️⃣ HTML 앨리먼트의 attribute 값 읽기와 쓰기 

https://hyejin.tistory.com/201?category=1019892

[JS + jquery] 객체 조작 메서드 (수치 조작 메서드, 객체 편집 메서드)

https://hyejin.tistory.com/200?category=1019892 

[JS + jquery] 객체 조작 메서드 (속성 조작 메서드 html(), text(), attr(), removeAttr(), prop(), val(), css(), addCl

 

3️⃣ HTML 앨리먼트 동적으로 조작 

https://hyejin.tistory.com/201?category=1019892 

[JS + jquery] 객체 조작 메서드 (수치 조작 메서드, 객체 편집 메서드)

 

4️⃣ LOOP 기능

https://hyejin.tistory.com/198?category=1019892 

[JS + jquery] 제이쿼리 배열 메서드

 

5️⃣ CSS 조작 

 

6️⃣ Event 처리 

https://hyejin.tistory.com/203?category=1019892 

[JS + jquery] 제이쿼리 이벤트 등록 메서드 (로딩 이벤트, 마우스 이벤트, 포커스 이벤트, 키보드 이

 

7️⃣ Ajax 처리 

https://hyejin.tistory.com/213?category=1019892 

[JS + jquery] Ajax 관련 메서드와 Ajax로 JSON 데이터 바인딩, XML 데이터 바인딩