ajax.txt

用ajax技术实现页面异步处理的功能

<script type="text/javascript" language="Javascript">
var xmlHttp = false;

try {
	xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
	try {
		xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
	} catch (e2) {
		xmlHttp = false;
	}
}

if (!xmlHttp && typeof XMLHttpRequest != 'undefined') {
	xmlHttp = new XMLHttpRequest();
}

if(!xmlHttp){
	alert("AJAX服务对象创建失败！");
}

/*　
 * 发出请求
 */
function changeTwo(EquipName){
	var url= "../para/maintenance/mSelectByEquipName.do?para="+EquipName;
	xmlHttp.open("GET", url, true);
	xmlHttp.onreadystatechange=updatePage;
	xmlHttp.send(null);
}

/* 
 * 处理服务器响应
 */
 
 //定义全属变量
 var loop = 0;
 var model = new Array();
 var type = new Array();

 var modelSelect;
 var typeSelect;
 
 function getModelAndType(){
 	for(var i=0; i<document.getElementById("selfEquipModel").options.length; i++){
 		model[i] = document.getElementById("selfEquipModel").options[i];
 	}
 	for(var j=0; j<document.getElementById("selfEquipType").options.length; j++){
 		type[j] = document.getElementById("selfEquipType").options[j];
 	}
}

function updatePage() {
	
	//移除select中的所有元素
	modelSelect = document.getElementById("selfEquipModel");
	typeSelect = document.getElementById("selfEquipType");
	for(m=1; m<modelSelect.options.length; m++){
		modelSelect.options[m].removeNode(true);
	}
	for(n=1; n<typeSelect.options.length; n++){
		typeSelect.options[n].removeNode(true);
	}
	//处理返回
	if (xmlHttp.readyState == 4) {
		var response = xmlHttp.responseText;
		goalStr = new String(response);
		modelNums = new String();
		typeNums = new String();
		modelNums = goalStr.substring(goalStr.indexOf("(")+1,goalStr.indexOf("|")-1);
		typeNums = goalStr.substring(goalStr.indexOf("|")+2,goalStr.lastIndexOf(")"));
		modelNumsArray = new Array();
		typeNumsArray = new Array();
		modelNumsArray = modelNums.split(",");
		typeNumsArray = typeNums.split(",");
		for(i=0; i<typeNumsArray.length-1; i++){
			for(j=i+1; j<typeNumsArray.length; j++){
				if(typeNumsArray[i] == typeNumsArray[j]){
					typeNumsArray[j] = typeNumsArray[typeNumsArray.length-1];
					typeNumsArray.pop();
				}
			}
		}
		//操作select的的子元素
		for(k=0; k<modelNumsArray.length; k++){
			modelSelect.appendChild(model[modelNumsArray[k]]);
		}
		for(l=0; l<typeNumsArray.length; l++){
			typeSelect.appendChild(type[typeNumsArray[l]]);
		}
	}
}
</script>