AJAX를 사용하여 데이터베이스와 동적으로 통신할 수 있습니다.
다음 예는 웹 페이지가 AJAX를 통해 데이터베이스에서 정보를 읽는 방법을 보여줍니다. 아래 드롭다운 목록에서 고객을 선택하십시오.
사용자가 위의 드롭다운 목록에서 고객을 선택하면 "showCustomer()"라는 함수가 실행됩니다. 이 함수는 "onchange" 이벤트에 의해 트리거됩니다.
기능 쇼고객 ( str ) { var xmlhttp ; ( str == " " ) { document.getElementById ( " txtHint " ) . innerHTML = " " } 만약에 ( 창 . XMLHttpRequest ) { // IE7+, Firefox, Chrome, Opera, Safari 브라우저 실행 코드 xmlhttp = 신규 XMLHttpRequest ( ) } 또 다른 { // IE6, IE5 브라우저 실행 코드 xmlhttp = 신규 ActiveXObject ( " Microsoft.XMLHTTP " ) } xmlhttp.onreadystatechange = 함수 ( ) { 만약에 ( xmlhttp . ReadyState == 4 && xmlhttp . status == 200 ) { document.getElementById ( " txtHint " ) .innerHTML = xmlhttp } } xmlhttp 열기 ( " GET " , " / try / ajax / getcustomer.php ? q = " + str , true ) ;showCustomer() 함수는 다음 작업을 수행합니다.
고객이 선택되었는지 확인
XMLHttpRequest 객체 생성
서버 응답이 준비되면 생성된 함수를 실행합니다.
서버의 파일로 요청 보내기
매개변수 q를 URL에 추가했습니다(입력 필드의 내용 포함).
위의 JavaScript가 호출하는 서버 페이지는 "getcustomer.php"라는 PHP 파일입니다.
PHP나 다른 서버 언어로 서버 파일을 작성하는 것도 쉽습니다. PHP로 작성된 해당 예제를 참조하세요.
"getcustomer.php"의 소스 코드는 데이터베이스를 쿼리하고 결과를 HTML 테이블로 반환하는 역할을 합니다.
<%response.expires=-1sql="SELECT * CUSTOMERID="sql=sql & "'" & request.querystring("q") & "'"set인 고객으로부터 선택 conn=Server.CreateObject("ADODB.Connection")conn.Provider="Microsoft.Jet.OLEDB.4.0"conn.Open(Server.Mappath("/db/northwind.mdb"))set rs=Server.CreateObject( "ADODB.recordset")rs.Open sql,connresponse.write("<table>")do when rs.EOF rs.Fields response.write("<tr><td><b>" & x.name & "</b></td>") response.write("<td>" & x의 각 x에 대해. 값 & "</td></tr>") 다음 rs.MoveNextloopresponse.write("</table>")%>