본문 바로가기

전체 글117

[jQuery] getJSON getJSON : JSON으로 표현한 데이터를 얻어 온다. 특정 파일에 저장해 둔 데이터를 로드하는 전역 메소드이다. 매개변수 url : 요청할 서버 측 자원의 URL data : 요청할 때 서버에 보낼 자바스크립트 객체 맵이나 문자열 형식의 데이터 success : 요청이 성공했을 때 호출할 콜백 함수 예제 과일의 특성 조사 자료 실행결과 2023. 9. 22.
[jQuery] AJAX AJAX(비동기통신) : Asynchronous(비동기) JavaScript and XML의 약어이며 xml를 이용하여 비동기로 통신을 처리하기 위한 기술이다 서버가 응답을 받을 준비가 되어 있는지에 상관없이 웹 브라우저가 서버로 정 보를 전송하는 것, 사용자는 언제 정보가 전송되었는지 알지 못한다. 정보의 전송에 빠르다. 페이지의 이동 없이 웹 브라우저 화면을 동적으로 바꾸는 일이 가능하다 전체화면에서 화면의 일부만 바꾸고싶을때 사용한다 예제 메뉴보기 1 메뉴보기 2 실행결과 2023. 9. 22.
[jQuery] load load : Ajax 기능으로 페이지를 동적으로 로드하기 위해서는 load() 메소드를 호출한다. 완료된 응답을 일치하는 집합에 있는 엘리먼트의 콘텐츠로 삽입한다 매개변수 url : 요청할 URL 주소 data : 요청할 때 서버에 보낼 자바스크립트 객체 맵이나 문자열 형식의 데이터 success :요청이 성공했을 때 호출할 함수 error : 요청이 실패했을때 호출할 함수 예제 메뉴보기 1 메뉴보기 2 실행결과 2023. 9. 22.
[jQuery] 회원정보 입력 코드 아이디 비밀번호 비밀번호 확인 이름 전화 번호 선택 02 031 061 043 064 - - 주소 세부주소 email 좋아하는 가수 소녀시대 방탄 레드벨벳 동방신기 성별 남 여 글 쓰기 실행결과 코드설명 $('input[name = id]').val() 의 의미는 input태그있는곳중 name이 id인곳의 value를 가져오는 코드이다 if($('input[name = "singer"]:checked').length < 1){ 이부분의 경우 내가 kind라는곳에 체크한곳이 1개라도 없을때 실행되는 if문이다 checked를 활용 singer을 따로빼서 변수를 만든이유는 그냥 str에 출력시 다양한 가수를 선택해도 소녀시대만 뜨기때문에 each로 반복한다음 singer에 현재값을 직접 들어가게 만들었다 2023. 9. 22.