📄 18-4.htm

📁 php 和 ajax 开发的一些资料

💻 HTM

字号:

<html>
<head>
<title>
AJAX文本输入动态提示框
</title>
<script language="javascript">
var xmlHttp;										//定义变量


function prompt(text)
{
  xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");		//创建对象
  var url="18-4.php?key="+text;
  xmlHttp.onreadystatechange=handle_f;					//定义句柄函数
  xmlHttp.open("GET",url,true);					//打开请求
  xmlHttp.send(null);								//向服务器发送请求
}
function handle_f()
{
  if(xmlHttp.readyState==4)							//如果传递完成
  {
    if(xmlHttp.status==200)							//如果服务器返回OK
    {
      xmlDoc=xmlHttp.responseXML;
	  value=xmlDoc.getElementsByTagName("v");
	  if(value.length>0)
	  {
    	  out_list(value);
	   }
	   else
	   {
	      obj1=document.getElementById("div1");
          obj1.innerHTML="";
	   }

    }
    else											//如果服务器没有返回200
    {
      alert("执行过程中出现问题，服务器返回："+xmlHttp.statusText);
    }
  }
}
function go(t)
{
  obj=document.getElementById("m_input");
  obj.value=t;
  //alert(t);
}
function close_div()
{
  div1.style.display="none";
}
function out_list(c)
{
  var out="<table width='150'  style=\"border-width:1px; border-color:#4C62FF; border-style:solid; \">";
  for(var i=0;i<c.length;i++)
  {
    current_c=c[i];
	c_v=current_c.childNodes[0].nodeValue;
    out=out+"<tr><td onclick=\"go('"+c_v+"')\" onmouseover=\"this.style.backgroundColor='green'\"   onmouseout=\"this.style.backgroundColor=''\"><a style=\"cursor:hand\">"+c_v+"</a></td></tr>";
  }
  out=out+"<tr><td align=\"right\"><a onclick=\"close_div()\" style=\"cursor:hand\">关闭</a></td></tr>"
  our=out+"</table>";
  obj1=document.getElementById("div1");
  obj1.innerHTML=out;
}
function set()
{
  obj=document.getElementById("m_input");
  alert(obj.value);
}
</script>
</head>
<body>
<input type="text" id="m_input" onkeyup="prompt(this.value)"><input type="button" value="提交" onclick="set()">
<div id="div1">
</div> 
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C

搜索代码 Ctrl + F

全屏模式 F11

切换主题 Ctrl + Shift + D

显示快捷键 ?

增大字号 Ctrl + =

减小字号 Ctrl + -