ajaxsearch.js

AjaxSearch利用AJAX开发的Search例子

var xmlObj = false;
var xmlResult;
try {
    xmlObj=new XMLHttpRequest;
}
catch(e) {
    try {
        xmlObj=new ActiveXObject("MSXML2.XMLHTTP");
    }
    catch(e2) {
        try {
            xmlObj=new ActiveXObject("Microsoft.XMLHTTP");
        }
        catch(e3) {
            xmlObj=false;
        }
    }
}
if (!xmlObj) {
    alert("XMLHttpRequest init Failed!");
}

function AjaxSearch() {
	var searchword;
	searchword=escape(document.getElementById("searchword").value);
	if(searchword=="") {
		document.getElementById("search_result").innerHTML="<ul><li>请输入关键字!</li></ul>";
		return;
	}
	document.getElementById("search_result").innerHTML="<ul><li>正在加载，请稍候</li></ul>";
	xmlObj.open ("POST", "ajaxsearch.asp", true);
	xmlObj.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
	xmlObj.onreadystatechange=function() {
		if(xmlObj.readyState==4) {
			if(xmlObj.status==200) {
				xmlResult=xmlObj.responseXML;
				AjaxShowResult();
			}
		}
	}
	xmlObj.send("searchword="+searchword);
}

function AjaxShowResult() {
	var results,i,strTemp;
	results=xmlResult.getElementsByTagName("result");
	strTemp="<ul>";
	if(results[0].getElementsByTagName("logid")[0].firstChild.data=="#")
		strTemp=strTemp+"<li>无搜索结果</li>";
	else
		for(i=0;i<results.length;i++)
			strTemp = strTemp + "<li><a href='blogview.asp?logID=" + results[i].getElementsByTagName("logid")[0].firstChild.data + "'>" + results[i].getElementsByTagName("logtitle")[0].firstChild.data + "</a></li>";
	strTemp=strTemp+"</ul>";
	document.getElementById("search_result").innerHTML = strTemp
}