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":"我爱程序员"}'; } ?>