选择来自数据库的值(实时搜索)

时间:2016-06-22 19:15:01

标签: javascript php ajax google-ajax-search-api

我有一个完美运行的脚本,但我无法选择一个值并将其放在文本字段中。

function showResult(str) 
{
  if (str.length==0) 
  {
    document.getElementById("livesearch").innerHTML="";
    document.getElementById("livesearch").style.border="0px";
    document.getElementById("livesearch").style.backgroundColor="transparent";
return;
   }
  if (window.XMLHttpRequest) 
    {
// code for IE7+, Firefox, Chrome, Opera, Safari
      xmlhttp=new XMLHttpRequest();
     } 
 else 
     {  // code for 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";
  document.getElementById("livesearch").style.backgroundColor="#FFF";
 }
 }
     xmlhttp.open("GET","getRecord.php?q="+str,true);
     xmlhttp.send();
}

请告诉我如何选择和放置来自数据库的值。

1 个答案:

答案 0 :(得分:0)

我做了一个简单的工作示例。

users
var livesearch = document.getElementById("livesearch");

showResult('My text');

function showResult(str) {

  setTimeout(function(){
      livesearch.innerHTML = str;
      livesearch.style.border = "1px solid #A5ACB2";
      livesearch.style.backgroundColor = "#FFF";
  }, 1500);

}