当输入j后，会触发ajax效果，从后台获取相应的名字中带有j的数据，并展示在sugges丛林tions中。
代码实现如下：
实现ajax需要三个文件，一个是html的表单文件，一个是js的核心文件，一个是php的后台文件。
下面的是html文件，当键盘按下时触发showhint方法，在showhint方法中会有ajax的核心内容，实例化，获取地址，获取数据并展示等等。
复制代码 代码如下:
<html>
<head>
<script src=”clienthint.js”></script>
</head>
<body>
<form>
first name:
<input type=”text” id=”txt1″
onkeyup=”showhint(this.value)”>
</form>
<p>suggestions: <span id=”txthint”></span></p>
</body>
</html>
下面是js的内容clienthint.js。
复制代码 代码如下:
var xmlhttp
function showhint(str)
{
if (str.length==0)
{
document.getelementbyid(“txthint”).innerhtml=””
return
}
//获取xmlhttpobject对象携子之手与子偕老，如果为空，提示浏览器不支持ajax
xmlhttp=getxmlhttpobject()
if (xmlhttp==null)
{
alert (“browr does not support http request”)
return
}
//获取url
var url=”gethint.php&帅哥相片#8221;
url=url+”?q=”+str
url=url+”&sid=”+math.random()
//回调函数，执行动作
xmlhttp.onreadystatechange=statechanged
//open
xmlhttp.open(“get”,url,true)
xmlhttp.nd(null)
}
function statechanged()
{
if (xmlhttp.readystate==4 || xmlhttp.readystate==”complete”)
{
//将获取的信息插入到txthint中
document.getelementbyid(“txthint”).innerhtml=xmlhttp.respontext
}
}
//获取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.xmlhttp”);
}
}
return xmlhttp;
}
下面是php的内容。根据ajax对象传入的参数，获取相应的数据。
复制代码 代码如下:
<?php
// fill up array with names
$a[]=”anna”;
$a[]=”brittany”;
$a[]=”cinderella”;
$a[]=”diana”;
$a[]=”eva”;
$a[]=”fiona”;
$a[]=”gunda”;
$a[]=”hege”;
$a[]=”inga”;
$a[]=”johanna”;
$a[]=”jiqing”;
$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”;
//get the q parameter from url
$q=$_get[“q”];
//lookup all hints from array if length of 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];
}
el
{
$hint=$hint.R关于感情的诗句21; , “.$a[$i];
}
}
}
}
//t output to “no suggestion” if no hint were found
//or 本地生源to the correct values
if ($hint == “”)
{
$respon=”no suggestion”;
}
el
{
$respon=$hint;
}
//output the respon
echo $respon;
?>
本文发布于:2023-04-06 23:13:27，感谢您对本站的认可！
本文链接：https://www.wtabcd.cn/fanwen/zuowen/017abbc539b38319c3f9ed0a4e1abd53.html
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。
本文word下载地址：php的ajax简单实例.doc
本文 PDF 下载地址：php的ajax简单实例.pdf
| 留言与评论（共有 0 条评论） |
