这里讲的是原生的ajax数据请求，也是比较基础的，适合新手去看
一.效果图
1-1
1-2
HTML：
body {
background:url(5.jpg)no-repeat;
background-size:cover;
font-family:'Open Sans',sans-serif;
font-size:100%;
}
返回值:
这里的html基本上所有的基础的ajax请求都一样
1.获取字符串
2.进行浏览器的兼容
3.进行判断
4.发送url请求。
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>0
if (strlen($q)>0)
{
$hint="";
for ($i=0;$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="没有您要的结果！"; } else { $response=$hint; } echo $response; } ?> 这里的思路也很简单： 1.接受前段传来的值并判断是否为空 2.把数组里面的每一个词进行遍历，然后看看哪一个是先符合条件的并显示出来，如果有第二个字符也匹配的就进行字符串的拼接。 3.如果没有匹配的就输出没有建议 二.效果图 2-1 2-2 1.HTML： "http://www.w3.org/TR/html4/loose.dtd">
body {
background:url(searchbg.jpg)no-repeat;
background-size:cover;
font-family:'Open Sans',sans-serif;
font-size:100%;
}
个人信息显示在这里……
思路其实和前面一样，变得只是PHP文件
2.PHP
$servername="localhost";
$usename="root";
$password="";
$dbname="myDB";
$q=isset($_GET["q"])?intval($_GET["q"]):"";
if (empty($q))
{
echo "请进行选择！";
exit;
}
$conn=new mysqli("$servername","$usename","$password","$dbname");
///防止编码错误
mysqli_set_charset($conn,"utf8");
$sql="SELECt * FROM MyGuests WHERe id = '".$q."'";
$reuslt=mysqli_query($conn,$sql);
echo "
Id
姓氏
名字
";
while ($row=mysqli_fetch_array($reuslt))
{
echo "
echo "
echo "
echo "
echo "
}
echo "";
mysqli_close($conn);
?>
思路：
1.获取前端传来的值，并判断其是否为空。
2.打开数据库，根据传来的值讲数据以html形式展示。
三.效果图
3-1
3-2
1.html:
2.PHP
$xmldoc=new DOMdocument();
$xmldoc->load("links.xml");
$x=$xmldoc->getElementsByTagName("link");
////获取到url里面的q值
$q=$_GET["q"];
if (strlen($q)>0)
{
$hint="";
for ($i=0;$i<$x->length;$i++)
{
$y=$x->item($i)->getElementsByTagName("title");
$z=$x->item($i)->getElementsByTagName("url");
if ($x->item(0)->nodeType==1)
{
// 找到匹配搜索的链接
if (stristr($y->item(0)->childNodes->item(0)->nodevalue,$q))
{
if ($hint=="")
{
$hint="
$z->item(0)->childNodes->item(0)->nodevalue .
"' target='_blank'>" .
$y->item(0)->childNodes->item(0)->nodevalue . "";
}
else
{
$hint=$hint . "
$z->item(0)->childNodes->item(0)->nodevalue .
"' target='_blank'>" .
$y->item(0)->childNodes->item(0)->nodevalue . "";
}
}
}
}
}
// 如果没找到则返回 "no suggestion"
if ($hint=="")
{
$response="no suggestion";
}
else
{
$response=$hint;
}
// 输出结果
echo $response;
////https://blog.csdn.net/swimming_in_it_/article/details/78489053
///
/// 封装后的ajax请求
作者：九尾74
链接：https://www.jianshu.com/p/55eec31e76d0
