background image

  表单下面的段落包含了名为"txtHint"的 div。这个 div 用作从 web 服务器检索到的
信息的占位符。
  当用户选择数据时,执行名为"showUser()"的函数。该函数的执行由"onchange"事
件触发。
  换句话说:每当用户改变下拉列表中的值,就会调用 showUser()函数。
  JavaScript
  这是存储在"selectuser.js"文件中的 JavaScript 代码:
  varxmlHttp
  functionshowUser(str)

{

  xmlHttp=GetXmlHttpObject()
  if(xmlHttp==null)
   {
   alert("BrowserdoesnotsupportHTTPRequest")
  return
   }
  varurl="getuser.php"
  url=url+"?q="+str
  url=url+"&sid="+Math.random()
  xmlHttp.onreadystatechange=stateChanged
  xmlHttp.open("GET",url,true)
  xmlHttp.send(null)
  }
   functionstateChanged()
  {
   if(xmlHttp.readyState==4||xmlHttp.readyState=="complete")
   {
  document.getElementById("txtHint").innerHTML=xmlHttp.responseText
  }
   }
   functionGetXmlHttpObject()
  {

varxmlHttp=null;

  try
  {
  //Firefox,Opera8.0+,Safari
  xmlHttp=newXMLHttpRequest();
  }
   catch(e)
   {
  //InternetExplorer
  try
  {
  xmlHttp=newActiveXObject("Msxml2.XMLHTTP");