PHP ajax xml 实例 - 自学教程(runoops.com)

<html>

<head>
    <meta charset="utf-8">
    <title>PHP ajax xml 实例 - 自学教程(runoops.com)</title>
    <script>
        function showResult(str) {
            if (str.length == 0) {
                document.getElementById("livesearch").innerHTML = "";
                document.getElementById("livesearch").style.border = "0px";
                return;
            }
            if (window.XMLHttpRequest) {// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行
                xmlhttp = new XMLHttpRequest();
            }
            else {// IE6, IE5 浏览器执行
                xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            xmlhttp.onreadystatechange = function () {
                if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                    document.getElementById("livesearch").innerHTML = xmlhttp.responseText;
                    document.getElementById("livesearch").style.border = "1px solid #A5ACB2";
                }
            }
            xmlhttp.open("GET", "/sources/php7/livesearch.php?q=" + str, true);
            xmlhttp.send();
        }
    </script>
</head>

<body>

<form>
        <input type="text" size="30" onkeyup="showResult(this.value)"> 试一试输入"html"
        <div id="livesearch"></div>
    </form>

</body>

</html>