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

àì夳堔傛蜴生んèń 2022-09-23 11:57 156阅读 0赞

<!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="搜索框" type="text" style="width: 200px" id="SearchText" οnkeyup="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"?>

<pages>

<link>

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

</link>

<link>

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

</link>

<link>

<title>CSS background 属性</title>