php_PHP チュートリアルでの ajax の簡単な例

j を入力すると、ajax エフェクトがトリガーされ、名前に j が含まれる対応するデータがバックグラウンドから取得され、候補に表示されます。

コードは次のように実装されます:

ajax を実装するには 3 つのファイルが必要です。1 つは html フォーム ファイル、1 つは js コア ファイル、もう 1 つは php バックグラウンド ファイルです。

以下はhtmlファイルです。キーボードが押されるとshowHintメソッドがトリガーされ、ajaxのコアとなる内容、インスタンス化、アドレスの取得、データの取得と表示などが行われます。

コードをコピーします コードは次のとおりです:

;

名:
onkeyup="showHint(this.value)">

提案:

以下はjs clienthint.jsの内容です。

コードをコピーします コードは次のとおりです:

var xmlHttp

function showHint(str)
{
if (str.length==0)
{
document.getElementById("txtHint").innerHTML=""
return
}
// xmlHttpObject オブジェクトを取得します (空の場合) 、プロンプト ブラウザーは ajax をサポートしていません
"
url=url+"?q="+str
url=url+"&sid="+Math.random()
//コールバック関数、アクションを実行します
xmlHttp.onreadystatechange=stateChanged
//open
xmlHttp.open(" GET",url,true)
xmlHttp.send(null)
}

関数 stateChanged()
{
if (xmlHttp.readyState==4 || innerHTML=xmlHttp.responseText
}
}

//XML オブジェクトの取得
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. return xmlHttp;
}



以下はphpの内容です。 ajax オブジェクトによって渡されたパラメーターに基づいて、対応するデータを取得します。



コードをコピーします

コードは次のとおりです:


// 配列に名前を入力します

$a[]="Anna";

$a[]="Brittany";

$a[ ]="シンデレラ";
$a[]="ダイアナ";

$a[]="エヴァ";$a[]="フィオナ";$a[]="ガンダ"; $a[ ]="ヘゲ";$a[]="インガ";

$a[]="ヨハンナ";

$a[]="ジーチン";
$a[]="キティ";
$a[ ]="リンダ";
$a[]="ニーナ";
$a[]="オフィーリア";
$a[]="ペチュニア";
$a[]="アマンダ";
$a[ ]="ラケル";
$a[]="シンディ";
$a[]="ドリス";
$a[]="イブ";
$a[]="エビータ";
$a[ ]="サンニバ";
$a[]="トーベ";
$a[]="ウンニ";
$a[]="バイオレット";
$a[]="リザ";
$a[ ]="エリザベス";
$a[]="エレン";
$a[]="ウェンチェ";
$a[]="ヴィッキー";

//URL から q パラメータを取得します
$q=$_GET["q"];

//q>0 の長さの場合、配列からすべてのヒントを検索
if (strlen($q) > 0)
{
$hint="";
for($i=0; $i {
if (strto lower($q)==strto lower(substr($a[$i],0,strlen($q))))
{
if ($hint=="")

$ hint = $ a [$ i]

//ヒントが見つからなかった場合は出力を「提案なし」に設定します
//または正しい値に設定します

if ($hint == "")

{
$response="提案なし";
}
else
{
$response=$hint;
}

//レスポンスを出力します
echo $response;
?>

http://www.bkjia.com/PHPjc/736848.htmlwww.bkjia.com本当http://www.bkjia.com/PHPjc/736848.html技術記事 j を入力すると、ajax エフェクトがトリガーされ、名前に j が含まれる対応するデータがバックグラウンドから取得され、候補に表示されます。 コードは次のように実装されます: ajax を実装するには 3 つのファイルが必要です。1 つは...