b.php (앞단) <style> table,th,td { border:1px solid silver; border-collapse:collapse; padding:10px; } </style> <form action=""…

PHP와 작동 메커니즘 동일 https://homzzang.com/b/js-84 b.asp <p>제시어: <span id="txtHint"></span></p> <p>입력: <input type="text" id="txt1" onkeyup…

작동 메커니즘 1.입력창에 문자 입력 시,onkeyup 이벤트에 의해 hz() 함수가 실행됨. 2.문자열 길이로 입력 여부 확인 (str.length == 0). 2-1.입력창이 비어있는 (즉, str.length == 0) 경우라면,id="txtHint" 요소의 placehol…

목차 모든 데이터 가져오기 첫번째 데이터 가져오기 네비게이션 버튼 만들기 리스트 클릭 시, 상세정보 보여주기 ※ AJAX는 xml 파일과 대화적 통신 가능. 모든 데이터 가져오기 [작동 원리] 버튼 클릭하면 hz() 함수 실행…

XMLHttpRequest 객체 속성 readyState속성은 XMLHttpRequest 객체의 요청 접수 상태를 보유하고 있음.이 onreadystatechange속성은 readyState가 변경될 때 실행할 함수를 정의함. ※ status속성과 statusText속성은 XMLHttpRequest 객체의…

목차 서버에 요청 보내기 기본 구문 GET 방식 vs. POST 방식 AJAX GET 방식 AJAX POST 방식 setRequestHeader() 메서드 onreadystatechange 속성 [참고] 동기식 요청 방식 &…

목차 XMLHttpRequest 객체 정의 XMLHttpRequest 객체 생성 구문 XMLHttpRequest 예제 - 새로고침 없이 문자열 변경 XMLHttpRequest 객체의 메서드 종류 XMLHttpRequest 객체의 속성 종류 XM…

목차 AJAX 기능 AJAX 정의 AJAX 예제 - txt 파일 불러오기 AJAX 작동원리 (= 작동순서) AJAX 장단점 jQuery AJAX AJAX 기능 1. 페이지 로드…

1. Cookie정의 쿠키: 컴퓨터에 작은 텍스트 파일로 저장된 데이터. 1. 웹 서버가 웹 페이지를 브라우저로 보내면 연결이 종료되고 서버는 사용자에 대한 모든 것을 잊어버림. 쿠키는 "사용자에 관한 정보를 기억하는 방법"이라는 문제를…

Timing Event개념 타이밍 이벤트 : window 객체가 지정된 시간 간격에 코드 실행 가능한데, 이 시간 간격의미. 1. 대표적인 JS 타이밍 이벤트 메서드 2개. setTimeout(f…