본문 바로가기

ajax 제시어 예제2

[고급] AJAX 제시어 소스코드 제시어 예제를 위한 AJAX 소스 코드 아래의 소스 코드는 앞서 살펴봤던 AJAX 예제이다. 복사 후 붙여넣기를 통해 시도해 볼 수 있다. AJAX HTML 페이지 HTML 페이지이다. 간단한 HTML 폼과 자바스크립트 연결을 포함하고 있다. First Name: Suggestions: (*주: txt1이라는 입력 필드에 이름을 입력하면 사용자 모르게 서버에 요청을 하고 서버에서 다시 제시어 값을 되돌려주면 txtHint 영역에 제시어가 나타나는 예제이다. AJAX의 원리에 대해 모른다면 2009/07/28 - [AJAX] - [기초] AJAX 튜토리얼 시리즈부터 먼저 살펴보자.) AJAX 자바스크립트 "clienthint.js" 파일로 저장한 자바스크립트 코드이다. var xmlhttp function.. 2009. 8. 3.
[고급] AJAX 제시어 예제 원문 : AJAX Tutorial AJAX는 보다 인터랙티브한 응용프로그램을 만드는데 쓰일 수 있다. AJAX 제시어 예제 다음의 AJAX 예제는 사용자가 HTML 폼에 데이터를 입력하는 동안 어떻게 웹 페이지가 웹 서버와 통신하는지를 보여준다. (데모 실행하기) 예제 설명 - HTML 폼 위 데모 폼은 아래 소스와 같이 구성되어 있다. First Name: Suggestions: "txt1" 이라는 입력 필드를 가진 단순한 HTML 폼이다. 입력 필드를 위한 이벤트 속성은 onkeyup 이벤트일 때 동작하는 함수를 정의하고 있다. 폼 밑의 문단에서는 "txtHint"라는 span을 포함하고 있다. 이 span은 서버로부터 데이터를 받아 보여주는 역할을 한다. 사용자가 데이터를 입력했을 때 "showHi.. 2009. 8. 3.