PHP 정보 - AJAX와 PHP의 연결

jacklove
풀어 주다: 2023-03-25 14:34:02
원래의
1566명이 탐색했습니다.

PHP - AJAX와 PHP 간의 연결은 PHP에서 매우 중요합니다. 이 문서에서는 연결에 대해 자세히 설명합니다.

사용자가 위의 입력창에 문자를 입력하면 "showHint()" 함수가 실행됩니다. 이 함수는 "onkeyup" 이벤트에 의해 실행됩니다:

<html><head><script>function showHint(str){    if (str.length==0)    {         document.getElementById("txtHint").innerHTML="";        return;    }    if (window.XMLHttpRequest)    {        // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行的代码        xmlhttp=new XMLHttpRequest();    }    else    {    
        //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.php?q="+str,true);    xmlhttp.send();}</script></head><body><p><b>在输入框中输入一个姓名:</b></p><form> 姓名: <input type="text" onkeyup="showHint(this.value)"></form><p>返回值: <span id="txtHint"></span></p></body></html>
로그인 후 복사

소스 코드 설명:

입력 상자가 비어 있는 경우(str.length==0) 이 함수는 txtHint 자리 표시자의 내용을 지우고 종료합니다. 이 기능.

입력 상자가 비어 있지 않으면 showHint()는 다음 단계를 수행합니다.

XMLHttpRequest 객체 생성

서버 응답이 준비되면 실행되는 함수 생성

서버의 파일에 요청 보내기

URL 추가시 참고하세요. 마지막에 있는 매개변수(q)(입력 상자의 내용 포함)

PHP 파일

위 문단에서 JavaScript이 호출한 서버 페이지는 " gethint.php".

"gethint.php"의 소스 코드는 이름 배열을 확인하고 해당 이름을 브라우저에 반환합니다.

<?php// 将姓名填充到数组中$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";//从请求URL地址中获取 q 参数$q=$_GET["q"];//查找是否由匹配值, 如果 q>0if (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;?>
로그인 후 복사

설명: JavaScript가 텍스트(예: strlen($q) > 0)를 보내면 다음이 발생합니다.

JavaScript에서 보낸 문자와 일치하는 이름 찾기

일치하는 항목이 없으면 응답 문자열 을 "제안 없음"으로 설정합니다.

일치하는 이름이 하나 이상 발견되면 모든 이름 문자열로 응답 문자를 설정합니다.

보내기 "txtHint" 자리 표시자에 대한 응답

이 기사에서는 PHP - AJAX와 PHP 사이의 연결을 설명합니다. 더 많은 학습 자료를 보려면 PHP 중국어 웹사이트를 참조하세요.

관련 권장 사항:

PHP Simple XML에 대한 관련 지식

PHP XML DOM에 대한 관련 지식 포인트

PHP XML Expat 파서의 기본 정보

위 내용은 PHP 정보 - AJAX와 PHP의 연결의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿