1. 云栖社区>
  2. PHP教程>
  3. 正文

[php学习六]AJAX练习3-实时搜索

作者:用户 来源:互联网 时间:2017-12-01 10:24:49

ajaxphp搜索学习实时练习

[php学习六]AJAX练习3-实时搜索 - 摘要: 本文讲的是[php学习六]AJAX练习3-实时搜索, <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>实时搜索</title&

<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>实时搜索</title>    <script language="JavaScript">        function onSearch(SearText){            resultDIV = document.getElementById("ResultDIV");            if (SearText.length == 0){                resultDIV.innerHTML = "";                resultDIV.style.border = "0px";                return;            }            xmlhttp = new XMLHttpRequest();            xmlhttp.onreadystatechange = function(){                if (xmlhttp.status ==200 && xmlhttp.readyState == 4){                    resultDIV.innerHTML = xmlhttp.responseText;                    resultDIV.style.border = "1px";                }            };            xmlhttp.open("GET","实时搜索.php?SearchText=" + SearText, true);            xmlhttp.send();        }    </script></head><body><h3>请输入要搜索内容:</h3><!--这个Input没有Title还提示错误~~--><input title="搜索框" type="text" style="width: 200px" id="SearchText" onkeyup="onSearch(this.value)"><div id="ResultDIV"></div></body></html>
<html><head>    <meta charset="utf-8"></head></html><?php/** * Created by PhpStorm. * User: liyanq * Date: 16/7/18 * Time: 19:49 */$SerchText = $_GET["SearchText"];$xmlDOC = new DOMDocument();$xmlDOC->load("links.xml");$x = $xmlDOC->getElementsByTagName("link");$result = "";for ($i = 0; $i < ($x->length); $i ++){    /*这里试验了半天,为神马索引不是0和1呢????*/    $y=$x->item($i)->childNodes->item(1);    $z=$x->item($i)->childNodes->item(3);    if(($y->nodeType == 1) && ($z->nodeType == 1)){        /*stristr这个函数还没查怎么用~~*/        if(stristr($y->nodeValue, $SerchText) || stristr($z->nodeValue, $SerchText)){            if (empty($result)){                $result = "<a href ='http://www.baidu.com' target='_blank'> ".                          $z->nodeValue.$y->nodeValue."</a><br>";            }else            {                $result =$result . "<a href ='http://www.baidu.com' target='_blank'>".                         $z->nodeValue.$y->nodeValue."</a><br>";            }        }    }}if (empty($result)){    echo "没有找到内容".$SerchText;}else{    echo $result;}?>

xml 文件内容

<?xml version="1.0" encoding="UTF-8"?>

<!-- Edited by XMLSpy® -->

<pages>

<link>

<title>HTML a 标签</title>

<url>http://www.runoob.com/tags/tag-a.html</url>

</link>

<link>

<title>HTML br 标签</title>

<url>http://www.runoob.com/tags/tag-br.html</url>

</link>

<link>

<title>CSS background 属性</title>

<url>http://www.runoob.com/cssref/css3-pr-background.html</url>

</link>

<link>

<title>CSS border 属性</title>

<url>http://www.runoob.com/cssref/pr-border.html</url>

</link>

<link>

<title>JavaScript Date 对象</title>

<url>http://www.runoob.com/jsref/jsref-obj-date.html</url>

</link>

<link>

<title>JavaScript Array 对象</title>

<url>http://www.runoob.com/jsref/jsref-obj-array.html</url>

</link>

</pages>



以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索ajax , php , 搜索 , 学习 , 实时 练习 ,以便于您获取更多的相关知识。