html部分
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
搜索:<input type="text" id="t1" name="text"/></br>
<ul id="list">
</ul>
</body>
</html>
<script>
let t1 = document.getElementById("t1");
let list = document.getElementById("list");
t1.oninput = function(){
let xhr = new XMLHttpRequest();
xhr.open("GET","text.php?text="+t1.value,"ture");
xhr.onreadystatechange = function(){
if(xhr.readyState==4 && xhr.status == 200){
showInfor(xhr.responseText);
}
}
xhr.send();
}
function showInfor(str){
let myJson = JSON.parse(str);
let strHtml = "";
for(let t in myJson){
strHtml += "<li>" + myJson[t] + "</li>";
}
list.innerHTML = strHtml;
}
</script>
php部分
<?php
$text = $_GET["text"];
if($text == "我"){
echo '{"1":"我很帅","2":"我贼帅","3":"我超级帅"}';
}else if($text == "我爱"){
echo '{"1":"我爱学习","2":"我爱编程","3":"我爱程序员"}';
}
?>