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

最新推荐文章于 2020-02-09 21:12:07 发布

灵眼儿上方

最新推荐文章于 2020-02-09 21:12:07 发布

阅读量536

点赞数

分类专栏： php 文章标签：实时搜索 php

本文链接：https://blog.csdn.net/liyanq528/article/details/51945859

版权

php 专栏收录该内容

18 篇文章 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还提示错误~~-->
<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>