首页 > 后端开发 > php教程 > ajax+php做的search,显示和关闭的问题?_PHP教程

ajax+php做的search,显示和关闭的问题?_PHP教程

WBOY
发布: 2016-07-13 10:59:37
原创
902 人浏览过

ajax+php做的search,显示和关闭的问题?

我用ajax+php作了个简易的类似于google search的搜索,当我没输入字母的时候,显示是这样的,1.jpg:

当我输入字母时显示是,2.jpg的效果。

请问大家,当我鼠标点击别处时,使弹出的search的那个框自动关闭,应如何修改,代码如下

 



var xmlHttp

function showResult(str)
{
if (str.length==0)
 {
 document.getElementById("livesearch").
 innerHTML="";
 document.getElementById("livesearch").
 style.border="0px";
 return
 }

xmlHttp=GetXmlHttpObject()

if (xmlHttp==null)
 {
 alert ("Browser does not support HTTP Request")
 return
 }

var url="suggest_list.php"
url=url+"?q="+str
url=url+"&sid="+Math.random()
xmlHttp.onreadystatechange=stateChanged
xmlHttp.open("GET",url,true)
xmlHttp.send(null)
}

function stateChanged()
{
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
 {
 document.getElementById("livesearch").
 innerHTML=xmlHttp.responseText;
 document.getElementById("livesearch").
 style.border="1px solid #999999";
 }
}

function GetXmlHttpObject()
{
var xmlHttp=null;
try
 {
 // Firefox, Opera 8.0+, Safari
 xmlHttp=new XMLHttpRequest();
 }
catch (e)
 {
 // Internet Explorer
 try
  {
  xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
  }
 catch (e)
  {
  xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
 }
return xmlHttp;
}


       
               
                       
               
       
           
                               
                               

                                wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww
                       


 

www.bkjia.comtruehttp://www.bkjia.com/PHPjc/631897.htmlTechArticleajax+php做的search,显示和关闭的问题? 我用ajax+php作了个简易的类似于google search的搜索,当我没输入字母的时候,显示是这样的,1.jpg: 当我...
相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板