스파르타 코딩 웹개발 종합반/2주차11 2-7 Ajax 시작하기 Ajax? ✔️ Asynchronous Javascript And XML 브라우저에서 엔터를 치는것과 같이 자바스크립트에서 서버를 요청하는것. Ajax는 jQuery를 임포트한 페이지에서만 동작 가능 : 그래서 jQuery가 임포트 되어있지 않은 http://google.com/ 과 같은 화면에서 개발자도구를 열면, Uncaught TypeError: $.ajax is not a function(ajax라는 게 없다)는 에러가 뜸. ✔️ 기본골격 $.ajax({ type: "GET", url: "여기에URL을입력", data: {}, success: function(response){ console.log(response) } }) 코드해설: type: "GET" GET 방식으로 요청한다. url: "".. 2022. 5. 14. 2-6 서버-클라이언트 통신 이해하기 _ JSON / JSONView /API JSON? JavaScript Object Notation 데이터를 저장하거나 전송할때 사용되는 Data교환 형식. Key:Value로 이루어져 있음 JSON view? JSON을 더 깔끔하게 볼 수 있게 해줌. 설치: https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc?hl=ko JSONVue Validate and view JSON documents chrome.google.com API (요청 : 클라이언트→서버) API는 은행창구 같은것. 예) A 창구 : ‘아이디’를 가져와 그럼 주문내역을알려줄게 B 창구: 주소를 가져와 그럼 음식점을알려줄게 http://우리은행용산지점/입출금창구?신분증 ↑ ↑ ↑.. 2022. 5. 14. 2-5 Quiz_JQuery 연습하기 완성코드 jQuery + Javascript의 조합을 연습하자! 1. 빈칸 체크 함수 만들기 1-1. 버튼을 눌렀을 때 입력한 글자로 얼럿 띄우기 [완성본]1-2. 버튼을 눌렀을 때 칸에 아무것도 없으면 "입력하세요!" 얼럿 띄우기 클릭 2. 이메일 판별 함수 만들기 2-1. 버튼을 눌렀을 때 입력받은 이메일로 얼럿 띄우기 2-2. 이메일이 아니면(@가 없으면) '이메일이 아닙니다'라는 얼럿 띄우기 [완성본]2-3. 이메일 도메인만 얼럿 띄우기 클릭 3. HTML 붙이기/지우기 연습 3-1. 이름을 입력하면 아래 나오게 하기 [완성본]3-2. 다지우기 버튼을 만들기 이름 붙이기 다지우기 세종대왕 임꺽정 하면서 실수했던 부분: id값을 불러오는 let a= $('#id') 를 function blah() .. 2022. 5. 13. 2-4 JQuery 적용하기(포스팅 박스) _ .show & .hide / display:none 영화 기록하기 버튼을 누르면 숨겨진 창이 나타나고 닫기를 누르면 사라짐. 1. 각 버튼에 먼저 function을 연결시켜준다. 영화 기록하기 닫기 function open_box(){ } function close_box(){ } 2. 타겟 창의 div 에 id 값을 주기. ex) 3. 타겟 창 제어하기. function open_box(){ $('#post-box').show() } function close_box(){ $('#post-box').hide() } **post-box를 시작부터 감춰두기: css를 display:none 으로 설정 2022. 5. 13. 이전 1 2 3 다음
