AJAX는 보다 동적인 애플리케이션을 만드는 데 사용됩니다. 이 기사에서는 관련 지식을 설명합니다.
예제 설명 - showHint() 함수
사용자가 위의 입력 상자에 문자를 입력하면 "showHint()" 함수가 실행됩니다. 이 함수는 "onkeyup" 이벤트에 의해 실행됩니다:
function showHint(str) { var xmlhttp; if (str.length==0) { document.getElementById("txtHint").innerHTML=""; return; } if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else {// code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("txtHint").innerHTML=xmlhttp.responseText; } } xmlhttp.open("GET","gethint.asp?q="+str,true); xmlhttp.send(); }
소스 코드 설명:
입력 상자가 비어 있으면(str.length==0) 이 함수는 txtHint 자리 표시자의 내용을 지우고 종료합니다. 기능.
입력 상자가 비어 있지 않으면 showHint() 함수는 다음 작업을 수행합니다.
XMLHttpRequest 객체 생성
서버 응답이 준비되면 함수 실행
서버의 파일로 요청 보내기
URL A 매개변수 q에 추가했습니다(입력 상자의 내용 포함)
AJAX 서버 페이지 - ASP 및 PHP
위 JavaScript에서 호출한 서버 페이지는 "gethint.asp라는 이름의 ASP 파일입니다. ".
아래에서는 ASP와 PHP로 작성된 두 가지 버전의 서버 파일을 만듭니다.
ASP 파일
"gethint.asp"의 소스 코드는 이름 배열을 확인하고 해당 이름을 브라우저에 반환합니다.
1afeab2eab4f055f2a9bc0f09b5cad17
PHP 파일
다음 코드는 PHP로 작성되었으며 위 ASP 코드와 동일한 효과를 냅니다.
참고: 이 예제를 PHP에서 실행하려면 Javascript 코드의 url 변수 값을 "gethint.asp"에서 "gethint.php"로 변경하세요.
$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";//获得来自 URL 的 q 参数$q=$_GET["q"];//如果 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]; } } } }// 如果未找到提示,则把输出设置为 "no suggestion"// 否则设置为正确的值if ($hint == "") { $response="no suggestion"; } else { $response=$hint; }//输出响应echo $response; ?>
이 문서에서는 AJAX ASP/PHP 요청에 대한 관련 설명을 제공합니다. 더 많은 학습 자료를 보려면 PHP 중국어에 주의하세요. 온라인으로 시청할 수 있습니다.
관련 권장 사항:
MySQL의 SQL 문 및 라이브러리 작업에 대한 첫 소개
TP5를 통해 간단하게 구현하는 방법-추가, 삭제, 수정 및 확인
위 내용은 AJAX ASP/PHP 요청 예제에 대한 관련 지식의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!