comman.js

example for Ajax you can reaserch the code to how to use Ajax

function setHeader()
{
	var row=document.createElement('tr');
	var cell=createCellth('编号');
	row.appendChild(cell);
		var cell=createCellth('名字');
	row.appendChild(cell);
		var cell=createCellth('公司');
	row.appendChild(cell);
		var cell=createCellth('歌手');
	row.appendChild(cell);
		var cell=createCellth('类型');
	row.appendChild(cell);
		var cell=createCellth('操作');
	row.appendChild(cell);
	document.getElementById('results').appendChild(row);
}

function createTable(cdName,cdCom,cdSinger,cdType,cdId)
{
	var row=document.createElement('tr');
	var cell=createCelltd(cdId);
	row.appendChild(cell);
		cell=createCelltd(cdName);
	row.appendChild(cell);
	cell=createCelltd(cdCom);
	row.appendChild(cell);
		cell=createCelltd(cdSinger);
	row.appendChild(cell);
		cell=createCelltd(cdType);
	row.appendChild(cell);
		row.appendChild(addOption(cdId));
		document.getElementById('results').appendChild(row);
}
function addOption(cdid)
{
	var edit=document.createElement('A');
	edit.setAttribute('href','javascript:goEdit('+cdid+')');
	edit.appendChild(document.createTextNode('编辑 '));
	var cell=document.createElement('td');
	cell.appendChild(edit);
		var del=document.createElement('A');
		del.appendChild(document.createTextNode(' 删除'));
	del.setAttribute('href','javascript:del('+cdid+')');
	cell.appendChild(del);
	return cell;
	
}

function createCellth(text)
{
	var cell=document.createElement('th');
	var textNode=document.createTextNode(text);
	cell.appendChild(textNode);
	return cell;
}
function createCelltd(text)
{
	var cell=document.createElement('td');
	var textNode=document.createTextNode(text);
	cell.appendChild(textNode);
	return cell;
}
function clearRestls()
{
	var doc=document.getElementById('results');
	while(doc.childNodes.length>0)
	{
		doc.removeChild(doc.childNodes[0]);
	}
}
function setResults()
{
	var res=xmlHttp.responseXML;
	var prop=null;
	var cdName,cdCom,cdSinger,cdType,cdId;
	var props=res.getElementsByTagName('mycd');
	for(var i=0;i<props.length;i++)
	{
		prop=props[i];
		cdName=prop.getElementsByTagName('cdName')[0].firstChild.nodeValue;
		cdCom=prop.getElementsByTagName('cdCom')[0].firstChild.nodeValue;
		cdSinger=prop.getElementsByTagName('cdSinger')[0].firstChild.nodeValue;
		cdType=prop.getElementsByTagName('cdType')[0].firstChild.nodeValue;
		cdId=prop.getElementsByTagName('ID')[0].firstChild.nodeValue;
		createTable(cdName,cdCom,cdSinger,cdType,cdId);
	}
}
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////


//修改密码函数
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function chengePwd(oldPwd,newPwd,accNewPwd)
{
	if(oldPwd=="")
	{
		alert(noOldPwd);
		return false;
	}else if(newPwd=="")
	{
		alert(noNewPwd);
		return false;
	}else if(accNewPwd=="")
	{
		alert(noAccNewPwd);
		return false;
	}else if(newPwd!=accNewPwd)
	{
		alert(newPwd2);
		return false;
	}
	toChengePwd(newPwd,oldPwd);
}
function toChengePwd(newPwd,oldPwd)
{
	var param=setQueryString('newPwd',newPwd,'oldPwd',oldPwd);
	createXMLHttpRequest();
	xmlHttp.open('POST','/web/chengeservlet',true);
	xmlHttp.setrequestheader("content-type","application/x-www-form-urlencoded");
	xmlHttp.onreadystatechange=chengePwdCallBack;
	xmlHttp.send(param);
}
function chengePwdCallBack()
{
  if(xmlHttp.readyState==4)
	{
		if(xmlHttp.status==200)
		{
          var msg=xmlHttp.responseText;
          alert(msg);
		}
	}
}
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

//编辑函数
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
var id;
function getCDs(id)
{
	toGetCD(id);
}

function toGetCD(id)
{
	var param=setQueryString('id',id);
	createXMLHttpRequest();
	xmlHttp.open('POST','/web/editservlet',true);
	xmlHttp.setrequestheader("content-type","application/x-www-form-urlencoded");
	xmlHttp.onreadystatechange=getCDsCallBack;
	xmlHttp.send(param);
}

function getCDsCallBack()
{
  if(xmlHttp.readyState==4)
	{
		if(xmlHttp.status==200)
		{
			setCDInfo();
		}
	}
}
function setCDInfo()
{
	var res=xmlHttp.responseXML;
	var prop=null;
	var cdName,cdCom,cdSinger,cdType,cdId;
	var props=res.getElementsByTagName('mycd');
	for(var i=0;i<props.length;i++)
	{
		prop=props[i];
		cdName=prop.getElementsByTagName('cdName')[0].firstChild.nodeValue;
		cdCom=prop.getElementsByTagName('cdCom')[0].firstChild.nodeValue;
		cdSinger=prop.getElementsByTagName('cdSinger')[0].firstChild.nodeValue;
		cdType=prop.getElementsByTagName('cdType')[0].firstChild.nodeValue;
		cdId=prop.getElementsByTagName('ID')[0].firstChild.nodeValue;
		doSet(cdName,cdCom,cdSinger,cdType,cdId);
	}
}

function doSet(cdName,cdCom,cdSinger,cdType,cdId)
{
	cdIdform.value=cdId;
	cdNameform.value=cdName;
	cdCompanyform.value=cdCom;
	cdAlbumform.value=cdSinger;
	for(i=0;i<cdTypeform.childNodes.length;i++)
	{
		if(cdTypeform.childNodes[i].tagName=='OPTION')
		{
			if(cdTypeform.childNodes[i].innerText==cdType)
			{
				cdTypeform.value=cdTypeform.childNodes[i].value;
			}
		}
	}
}

function updateCDs(id,cdName,cdCom,cdSinger,cdType)
{
		if(cdName=="")
	{
		alert(nocdName);
		return false;
	}else if(cdCom=="")
	{
		alert(nocdCom);
		return false;
	}else if(cdSinger=="")
	{
		alert(nocdSinger);
		return false;
	}else if(cdType=="")
	{
		alert(nocdType);
		return false;
	}
	toUpdateCD(id,cdName,cdCom,cdSinger,cdType);
}

function toUpdateCD(id,cdName,cdCom,cdSinger,cdType)
{
	var param=setQueryString('id',id,'cdName',cdName,'cdCom',cdCom,'cdSinger',cdSinger,'cdType',cdType,'action','updata');
	createXMLHttpRequest();
	xmlHttp.open('POST','/web/editservlet',true);
	xmlHttp.setrequestheader("content-type","application/x-www-form-urlencoded");
	xmlHttp.onreadystatechange=updateCDsCallBack;
	xmlHttp.send(param);
}

function updateCDsCallBack()
{
  if(xmlHttp.readyState==4)
	{
		if(xmlHttp.status==200)
		{
          var msg=xmlHttp.responseText;
          alert(msg);
          window.dialogArguments.selectCDs(page,action);
		}
	}
}
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////


//删除函数
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function del(id)
{
	if(confirm(isRemove))
	{
		todel(id);
	}
}
function todel(id)
{
	var param=setQueryString('id',id);
	createXMLHttpRequest();
	xmlHttp.open('POST','/web/delservlet',true);
	xmlHttp.setrequestheader("content-type","application/x-www-form-urlencoded");
	xmlHttp.onreadystatechange=delCallBack;
	xmlHttp.send(param);
}
function delCallBack()
{
  if(xmlHttp.readyState==4)
	{
		if(xmlHttp.status==200)
		{
          var msg=xmlHttp.responseText;
          alert(msg);
          selectCDs(page,action);
		}
	}
}
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

//注销函数
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
function out()
{
	if(confirm(isOut))
	{
		toout();
	}
}

function toout()
{
	var param=setQueryString('action','out');
	createXMLHttpRequest();
	xmlHttp.open('POST','/web/oprater',true);
	xmlHttp.setrequestheader("content-type","application/x-www-form-urlencoded");
	xmlHttp.onreadystatechange=outCallBack;
	xmlHttp.send(param);
}
function outCallBack()
{
	  if(xmlHttp.readyState==4)
	{
		if(xmlHttp.status==200)
		{
          var msg=xmlHttp.responseText;
          alert(msg);
          goLogin();
		}
	}
}
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////