태그 자료실

회원로그인

무료회원가입 보안로그인

아이디/비밀번호찾기

[Ajax] ajax 예제1

9년 전

test1.php

<form>
First Name : <input type="text" id="txt1" onkeyup="showHint(this.value)">
</form>
<p>Suggestions : <span id="txtHint"></span></p>

<script>

function showHint(str)
{

        if(str.length==0)
        {
                document.getElementById("txtHint").innerHTML="";
                return;
        }

        xmlHttp = GetXmlHttpObject();
        if(xmlHttp==null)
        {
                alert ("Your browser does not support AJAX!");
                return;
        }

        var url="time.php";
        url=url+"?q="+str;
        url=url+"&sid="+Math.random();
        xmlHttp.onreadystatechange=stateChanged;
        xmlHttp.open("GET",url,true);
        //# true 이면 비동기식 처리, send() 메소드 실행시 서버에 요청후 서버의 응답을
        //# 기다리지 않고 바로 다음 자바스크립트 실행됨
        xmlHttp.send(null);
}

function GetXmlHttpObject()
{
var xmlHttp=null;
try
{
  // Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
}
catch (e)
{
  // Internet Explorer
  try
  {
   xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
  }
  catch (e)
  {
   xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
}
return xmlHttp;
}

function stateChanged()
{
        if (xmlHttp.readyState==4)
        {
                document.getElementById("txtHint").innerHTML=xmlHttp.responseText;
        }
}

</script>

time.php

<?php
header("Cache-Control: no-cache, must-revalidate");
// Date in the past
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
// Fill up array with names
$a[]="Anna";
$a[]="Brittany";
$a[]="Cinderella";
$a[]="Diana";
$a[]="Eva";
$a[]="Fiona";
$a[]="Gunda";
$a[]="Hege";
$a[]="Inga";
$a[]="Johanna";
$a[]="Kitty";
$a[]="Linda";
$a[]="Nina";
$a[]="Ophelia";
$a[]="Petunia";
$a[]="Amanda";
$a[]="Raquel";
$a[]="Cindy";
$a[]="Doris";
$a[]="Eve";
$a[]="Evita";
$a[]="Sunniva";
$a[]="Tove";
$a[]="Unni";
$a[]="Violet";
$a[]="Liza";
$a[]="Elizabeth";
$a[]="Ellen";
$a[]="Wenche";
$a[]="Vicky";//get the q parameter from URL
$q=$_GET["q"];//lookup all hints from array if length of q>0

if (strlen($q) > 0)
{
        $hint="";
        for($i=0; $i<count($a); $i++)
        {
                if (strtolower($q)==strtolower(substr($a[$i],0,strlen($q))))
                {
                        if ($hint=="")
                        {
                                $hint=$a[$i];
                        }
                        else
                        {
                                $hint=$hint." , ".$a[$i];
                        }
                }
        }
}

// Set output to "no suggestion" if no hint were found
// or to the correct values
if ($hint == "")
{
        $response="no suggestion";
}
else
{
        $response=$hint;
}
//output the response
echo $response;
?>

추천 목록

번호	제목
2,675	[Shoutcast] 현재 플레이되는 곡명 스크립트 PHP
2,674	[Shoutcast] 스트리밍 노래제목을 변경 스크립트
2,673	Shoutcast PHP Scripts
2,672	FTP에서 삭제 안되는 파일이나 폴더 삭제하기
2,671	SHOUTcast 를 이용한 인터넷 라이브 방송 시스템 구축
2,670	DAUM 우편번호 서비스 활용하기
2,669	실행중 PHP 에러 메시지 레벨 조정하기
2,668	PHP 인젝션과 file get contents의 관계
2,667	문자열 글자 순서 거꾸로 뒤집기, 앞뒤 반전 Reverse String
2,666	배열 요소 순서 거꾸로 뒤집기, 앞뒤 반전 Reverse Array
2,665	php 메모리 사용
2,664	자바스크립트 내부 객체 보기
2,663	자바 스크립트 숫자 처리 콤마 처리
2,662	자바스크립트 Base64 encode, decode
2,661	PHP 문자열 관련 함수
2,660	[php] 문자열을 나누거나 합치는 explode, implode 함수
2,659	php 문자열 자르기 나누기 분리하기 - explode() , split()
2,658	DB 접근 및 쿼리문(insert,select,update,delete)
2,657	[MySQL] 필드에서 특정문자 포함 또는 제외한 DB 검색, LIKE ,NOT
2,656	php5 mysqli 디비 접속 클래스 프로그램 및 사용법
2,655	PHP 문자열 나누기 - explode()
2,654	[PHP] 배열 Array
2,653	php 배열
2,652	[php] Array() 배열이란?
2,651	PHP 배열 함수 정리
2,650	PHP 기본적인 배열 사용법
2,649	html에서 입력한값 DB에서 받아오기 (도서정보 검색)
2,648	SQL 쿼리 정리
2,647	[MySql]DB에서 서로 다른 테이블의 데이터를 한번에 불러오기
2,646	jquery checkbox 전체 선택, 전체 해제, 체크 값 추출