JavaScript实现搜索框智能提示需要注意

var xmlHttp;

	function getMoreContents() {	
		//获得用户输入
		var content = document.getElementById("keyword");
		 if(content.value==null)
			return ; 		
		xmlHttp = createXmlHttp();
		var url = "search?keyword="+escape(content.value);
		//true表示JavaScript脚本将会send()在发送数据后继续执行，而不会等待服务器响应
		xmlHttp.open("get", url, true);	
		//绑定回调方法，在xmlHttp状态改变时调用
		xmlHttp.onreadystatechange=callBack;
		// 用于post请求方式传递参数；由于是使用get方法，所以send参数为null
		xmlHttp.send(null);
	}

注意

xmlHttp.onreadystatechange=callBack;

回调不能有括号，否则不执行

for (var i = 0; i < size; i++) {
			var nextNode = contents[i];
			var tr = document.createElement("tr");
			var td = document.createElement("td");			
			td.setAttribute("border", "0");
			td.setAttribute("bgcolor", "#FFFAFA");
			td.onmouseover = function() {
				this.className = 'mouseOver'
			};
			td.onmouseout = function() {
				this.className = 'mouseOut'
			};
			td.onmousedown = function () {
				//点击鼠标触发的动作
			}
			var text = document.createTextNode(nextNode);
			td.appendChild(text);			
			tr.appendChild(td);
			document.getElementById("content_table_body").appendChild(tr);
		}

//有时onclick不执行可用onmousedown

//注意浏览器的兼容性：

//1.window.XMLHttpRequest

//2.addeventlistener 等绑定事件在各种浏览器下的不同