ホームページ > 記事 > バックエンド開発 > PHP について - AJAX と PHP の関係

PHP について - AJAX と PHP の関係

jackloveオリジナル: 2018-05-07 14:53:091563ブラウズ

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によって呼び出されるサーバーページは、「」という名前のPHPファイルです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 によって送信された文字に一致する名前を検索します

一致するものが見つからない場合は、応答文字列を「提案なし」に設定します

1 つ以上一致する名前が見つかった場合は、応答文字列をすべての名前 String

に設定します「txtHint」プレースホルダーへの応答

この記事では、PHP - AJAX と PHP の関係について説明します。その他の学習教材については、php 中国語 Web サイトを参照してください。

PHP について - AJAX と PHP の関係

関連記事