querymail.js

运用JSP/servlet/JavaBean 技术

		var xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");//创建异步通信对象
		var status;//存邮件状态码
		
		//查信
		function toViewLetterPage()
		{
			var mailId = document.elementFromPoint(event.clientX, event.clientY).parentNode.lastChild.firstChild.data;
			xmlHttp.open("POST", "/QQMail/ViewLetterServlet", true);//打开与servlet的连接
			xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
			var data = "mailId=" + mailId + "&mailStatus=" + status +"&operation=setMailId";//构建参数
			xmlHttp.send(data);//发送请求
			parent.document.getElementById("main").src = "ViewLetter.html";
		}
		
		function toWriteLetter()
		{
			var mailId = document.elementFromPoint(event.clientX, event.clientY).parentNode.lastChild.firstChild.data;
			xmlHttp.open("POST", "/QQMail/ViewLetterServlet", true);//打开与servlet的连接
			xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
			var data = "mailId=" + mailId + "&mailStatus=" + status +"&operation=setMailId";//构建参数
			xmlHttp.send(data);//发送请求
			setTimeout("parent.document.getElementById('main').src = 'WriteLetter.html';",200);
			
		}
		
		function queryMail(userId, mailStatus ,url)
		{
			status = mailStatus;
			xmlHttp.open("POST", url, true);//打开与servlet的连接
			xmlHttp.onreadystatechange = reply;//指定回调函数
			xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
			var data = "userId=" + userId + "&mailStatus=" + mailStatus;//构建参数
			xmlHttp.send(data);//发送请求
		}
		
		function reply()
		{
			if(xmlHttp.readyState == 4)
			{
				if(xmlHttp.status == 200)
				{
					var xml = xmlHttp.responseXML;//获取返回的xml对象
					var mails = xml.getElementsByTagName("letter");//获取信件相关信息
					var mailsLen = mails.length;//信件数量
					if(mailsLen == 0)//如果没有信件提示没有信件
					{
						(document.getElementById("body")).innerHTML = "<span>无信件</span>";
						return;
					}
					else//有信件，那么创建table
					{
						var whos = new Array(mailsLen);
						var mailTitles = new Array(mailsLen);
						var mailIds = new Array(mailsLen);
						for(var i = 0; i < mailsLen; i++)
						{
							whos[i] = mails[i].firstChild.firstChild.data;
							mailTitles[i] = mails[i].firstChild.nextSibling.firstChild.data;
							mailIds[i] = mails[i].lastChild.firstChild.data;
						}
						createTable(whos, mailTitles, mailIds, status);
					}
				}
			}
		}
		
		function createTable(whos, mailTitles, mailIds, mailStatus)
		{
			var dealFunction = "onclick='toViewLetterPage();'>";
			if(mailStatus == "2")
			{
				dealFunction = "onclick='toWriteLetter();'>"
			}
			var title1 = "收件人";
			if(mailStatus == "4")//4为已删除的信件的状态码
			{
				title1 = "发件人";
			}
			var body = document.getElementById("body");
			var tableHtml = "<table>"
					+"<tr class='rowTitle'>"
					+"<th class='column1'><input type='checkbox' id='controlAllCheckbox' onclick='changeOther();' /></th>"
					+"<th class='column2'>" + title1 + "</th>"
					+"<th class='column3'>主题</th>"
					+"<th></th>"
					+"</tr>";
			for(var i = 0; i < whos.length; i++)
			{
				tableHtml += "<tr class='rowData'>"
					+"<td class='data1'><input type='checkbox' name='data' /></td>"
					+"<td class='data2' onmouseover='changeStyle();' onmouseout='turnBack();' " + dealFunction
					+whos[i]
					+"</td>"
					+"<td class='data3' onmouseover='changeStyle();' onmouseout='turnBack();' " + dealFunction
					+mailTitles[i]
					+"</td>"
					+"<td style='color: white; cursor: default;'>"
					+mailIds[i]
					+"</td>"
				    +"</tr>";
			}
			tableHtml += "</table>";
			body.innerHTML = tableHtml;
		}