개발노트/Spring

[미완성]자바스크립트 & JQuery & Ajax

vendi2 2020. 9. 14. 14:25

#JavaScript

- 자바스크림트는 웹 페이지를 동적으로 표현해 주는 언어이다.

 ex) 경고창 & 확인창 등등...

 

#JQuery

 - 자바 스크립트를 더 간편하게 사용해주는 자바스크립트 라이브러리이다.

  따라서 라이브러리 추가를 해줘야한다.

 

- JQuery 를 사용하면 순수 자바 스크립트로 코딩하는 것보다 더 높은 생산성을 기대할 수 있다.

 

#Ajax

- 자바스크립트를 이용해서 비동기식으로 서버와 통신

- 비동기식 : 여러가지 일이 동시에 발생한다.

- 즉, 화면 이동없이 해당 페이지 내에서 서버와의 통신을 처리한다.

 

**JQuery 추가

JQery Cdn 검색
minified 선택

1. 사용하려는 파일에 넣어주기

<script  src="https://code.jquery.com/jquery-3.5.1.min.js"

integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
crossorigin="anonymous" />

 

2.라이브러리 파일 자체를 다운받아서 사용하기

- http://jquery.com/download/ 에서 제이쿼리 소스코드를 다운로드 하는 방법
- Download the compressed, production jQuery x.x.x 로 처리된 것을 우클릭 다른이름저장
- 다운로드 후 프로젝트 안에 파일을 넣어준다

 


 

1. 선택자

$("#태그 아이디")

<input type="text" id="apple" value="보라돌이">

<input type="texid="