异常渴望能实现这种轻量级搜索

Question

你可以使用AjaxControlToolKit里面的一个控件 可以专门实现这个功能。

Answer 1

使用xmldom加载xml文件，由于你的没有动态页支持，不能在服务器端处理数据只好全部把这个文件下载到客户端后才能分析数据，这个比较慢

Answer 2

doc = new ActiveXObject("Msxml2.DOMDocument");    
  
doc = new ActiveXObject("Microsoft.XMLDOM")  var Back = doc.documentElement.childNodes

Answer 3

输入名字：<input type="text" onblur="SearchXML(this.value)" />
<div id="divInfo"></div>
<script>
String.prototype.trim=function(){return this.replace(/^\s*|\s*$/,"");}
function $(id){return document.getElementById(id);}
var data=[],hasLoad=false,xmlPath='xml/data.xml';
function LoadXML(path){
  var dom;
  if(document.all){
    dom=new ActiveXObject("microsoft.xmldom");
    dom.onreadystatechange=function(){
      if(dom.readyState==4)ParseXML(dom);
    }
    dom.load(path);
  }
  else if(document.implementation&&document.implementation.createDocument){
    dom=document.implementation.createDocument('','',null);
    dom.onload=function(){ParseXML(dom);}
    dom.load(path);
  }
  else alert("无法加载xml文件，请使用ie或者firefox浏览器！");
}
function ParseXML(dom){
  hasLoad=true;
  var item=dom.getElementsByTagName("item");
  for(var i=0;i<item.length;i++){
    data[item[i].getElementsByTagName("name")[0].firstChild.nodeValue]=item[i].getElementsByTagName("info")[0].firstChild.nodeValue;
  }
}
function SearchXML(v){
  if(hasLoad==false){alert("xml文件还未加载完，请等待！");return;}
  if(hasLoad=="error"){alert("无法加载xml文件，请使用ie或者firefox浏览器！");return;}
  if(data[v])$('divInfo').innerHTML=data[v];
  else $('divInfo').innerHTML='找不到信息';
}//==========
LoadXML(xmlPath);
</script>
xml/data.xml
<?xml version="1.0" encoding="gb2312"?>
<root>
<item>
<name>李白</name>
<info>李白的介绍</info>
</item>
<item>
<name>老白</name>
<info>老白的介绍</info>
</item>
<item>
<name>小白白</name>
<info>小白白的介绍</info>
</item>
</root>