index.js

用最近的dojo1.2.1制作前端的ajax购书网站

 /**
 * @author Owner
 */

/*-----------------------Register------------------------------------*/
//for registry validation
dojo.require("dojo.cookie");
dojo.require("dojox.validate.web");
dojo.require("dojox.validate.check");
function vadilateReg(){
	var show=dojo.byId("showValidation");
	var profile = {
		required: ["name", "password", "password2", "email", "email2"],
		dependacies: {
			password2: "password",
			email2: "password"
		},
		constraints: {
			email: [dojox.validate.isEmailAddress,{allowCruft:true}],
			email2: [dojox.validate.isEmailAddress,{allowLocal:true},{allowCruft:true}]
		},
		confirm: {
			email2: "email",
			password2: "password"
		}
	}
	var result=dojox.validate.check(dojo.byId("registerForm"),profile);
	var str;
		if (result.hasMissing()) {
			show.innerHTML = " ";
			var MissArray = result.getMissing();
			str = "Field:";
			for(var i=0; i<MissArray.length; ++i){
				switch (MissArray[i]) {
					case "name":
						str += "Name, ";
						break;
					case "password":
						str = "Password, ";
						break;
					case "password2":
						str += "Confirm Password, ";
						break;
					case "email":
						str += "Email, ";
						break;
					case "email2":
						str += "Confirm Email, ";
						break;
					default:
						break;
				}
			
			}
			show.innerHTML = str.substring(0, str.length-2) + " is not filled in";
		}
		else {
			if (result.hasInvalid()) {
				show.innerHTML = " ";
				var InvalidArray = result.getInvalid();
				for (var i = 0; i < InvalidArray.length; ++i) {
					switch (InvalidArray[i]) {
						case "password2":
							str = "Please Confirm Password again";
							break;
						case "email":
						case "email2":
							str = "Please Confirm Email again";
							break;						
						default:
							break;
					}
				}
				show.innerHTML = str;
				
			}
			else {
				if (result.isSuccessful()) {
					show.innerHTML = " ";
					show.innerHTML = "All information is validated";
					//cmForm("reg.php","GET",LoadReg,Error,"registerForm")//deliver the form
					var param = {
						consumer_register_name: dojo.byId("name").value,
						consumer_register_password: dojo.byId("password").value,
						consumer_register_adress: dojo.byId("address").value,
						consumer_register_email: dojo.byId("email").value
					};
					dojo.xhrGet({
						url:"servlet/server.servlet.ConsumerRegister",
						content: param,
						load:function(result,ioArgs){
							if(result=="true"){
								alert("Register Successfully");
							}
							else if(result=="false"){
								alert("Failed");
							}
							else{
								alert("Error");
							}
						},
						timeout:10000,
						error:function(){alert("error3");}
					});
				}
			}
		}
}
//validate name
//var validateName = {Name:dojo.byId("name").value};

function testName(){
	var name = dojo.byId("name").value;
	if(name != ""){
		dojo.xhrGet({
			url:"servlet/server.servlet.TestRegisterName",
			content:{consumer_register_name: name},
			load:LoadName,
			timeout:10000,
			error:function(ioArgs){alert("error:"+ioArgs);}
		});
	}
}

function LoadName(result, ioArgs)//the result is the value sever returns
{
	var str;
	dojo.byId("showValidation").innerHTML = "";
	if(result=="true"){
		str="Name can be used";
	}
	else if(result=="false"){
		str="Name has been registered";
	}
	else{
		alert("error");
	}
	dojo.byId("showValidation").innerHTML = str;

	//dojo.byId("showValidation").innerHTML = result;//for test
}
//dojo.connect(dojo.byId("name"),"onblur",cmParam("name.php","onblur",Error,LoadName,validateName));
//validate password
function ValidatePwd(){
	dojo.byId("showValidation").innerHTML="";
	if(dojo.byId("password").value != dojo.byId("password2").value)
		dojo.byId("showValidation").innerHTML="Please Confirm password";
}
//validate email
function vEmailAddr(id){
	dojo.byId("showValidation").innerHTML="";	
	var w = dojox.validate.isEmailAddress(dojo.byId(id).value,{allowCruft:true});
	if(!w){
		dojo.byId("showValidation").innerHTML="Email address is invalid";
	}
}
function ValidateEmail(){
	dojo.byId("showValidation").innerHTML="";
	if(dojo.byId("email").value != dojo.byId("email2").value)
		dojo.byId("showValidation").innerHTML="Please Confirm Email";
}
function ClearALL(){
	dojo.byId("name").value = "";
	dojo.byId("password").value = "";
	dojo.byId("password2").value = "";
	dojo.byId("email").value = "";
	dojo.byId("email2").value = "";
	dojo.byId("address").value = "";
	dojo.byId("showValidation").innerHTML="";
}
/////////////////////////////////////
//for form submit
/*
function cmForm(URL,METHOD,LOADf,ERRORf,FORMName){
	dojo.xhr(METHOD,{
		url:URL,
		form:FormName,
		load:LOADf,
		error:ERRORf		
	},false);
}
/////////////////////////////////////
//for parameter submit
function cmParam(URL,METHOD,LOADf,ERRORf,PARAMS){
	dojo.xhr(METHOD,{
		url:URL,
		content:PARAMS,
		load:LOADf,
		error:ERRORf
	},false);
}
/////////////////////////////////////
//LOADF and ERRORf style
function Load(result, ioArgs)//the result is the value sever returns
{

}
function Error(){
	alert("Error");
}
*/
/*--------------------------search+shopping cart-----------------------------------*/
/*
var book = [
{name:"name1",id:"id1",author:"author1",publish:"publish1",price:"10",discount:"0.1",PicURL:"pic/az-topnav-cart.gif"},
{name:"name2",id:"id2",author:"author2",publish:"publish2",price:"20",discount:"0.2",PicURL:"pic/az-topnav-cart.gif"},
{name:"name3",id:"id3",author:"author3",publish:"publish3",price:"30",discount:"0.3",PicURL:"pic/az-topnav-cart.gif"},
{name:"name4",id:"id4",author:"author4",publish:"publish4",price:"40",discount:"0.4",PicURL:"pic/az-topnav-cart.gif"},
{name:"name5",id:"id5",author:"author5",publish:"publish5",price:"50",discount:"0.5",PicURL:"pic/az-topnav-cart.gif"}
];
*/
var book = null;
var booklist;
var cart;
var searchBookName;
var instantPage = 1;
var wholePage;
function sendSearch(){
	if(dijit.byId("bookname").getValue() != null){
		searchBookName = dijit.byId("bookname").getValue();
		var searchbook = {
			bookname:searchBookName,
			instantpage:instantPage
			};
		//alert(searchbook.bookname+",instantPage:"+searchbook.instantpage);
	dojo.xhrGet({
		url:"servlet/server.servlet.Search",
		handleAs: "json",
		content: searchbook,
		load: function(result, args){
			//dojo.byId("For_search_test").innerHTML = result;
			book = result.books;
			var showPages = dojo.byId("showWholePage");
			wholePage = result.wholePage;
			showPages.innerHTML = instantPage+"/"+result.wholePage;
			//alert(typeof(book));
			clearList();
			booklist.insertNodes(false,book);
			booklist.startup();
		},
		error: function(){alert("error:"+args);},
		timeout: 10000
	});
	}
	else{
		alert("Please enter the book name you want to search fo");
	}
}
function nextPage(){
	if(instantPage < wholePage){
	instantPage = instantPage+1;
	//alert("nextPage:"+instantPage+"and wholePage:"+wholePage);
	var searchbook = {
		bookname:searchBookName,
		instantpage:instantPage
		};
		//alert(searchbook.instantpage);
	dojo.xhrGet({
		url:"servlet/server.servlet.Search",
		handleAs: "json",
		content: searchbook,
		load: function(result, args){
			book = result.books;
			wholePage = result.wholePage;
			var showPages = dojo.byId("showWholePage");
			showPages.innerHTML = instantPage+"/"+result.wholePage;
			clearList();
			booklist.insertNodes(false,book);
			booklist.startup();
		},
		error: function(){alert("error:"+args);},
		timeout: 10000
	});
	}
}
function previousPage(){
	if (instantPage > 1) {
		instantPage = instantPage - 1;
		//alert("previousPage:"+instantPage+"and wholePage:"+wholePage);
		var searchbook = {
			bookname: searchBookName,
			instantpage: instantPage
		};
		//alert("searchbook.instantpage");
		dojo.xhrGet({
			url: "servlet/server.servlet.Search",
			//handleAs: "text/json",
			handleAs: "json",
			content: searchbook,
			load: function(result, args){
				book = result.books;
				var showPages = dojo.byId("showWholePage");
				wholePage = result.wholePage;
				showPages.innerHTML = instantPage+"/"+result.wholePage;
				clearList();
				booklist.insertNodes(false, book);
				booklist.startup();
			},
			error: function(){alert("error:"+args);},
			timeout: 10000
		});
	}
}
dojo.require("dojo.dnd.Source");
var result = function(){
	booklist = new dojo.dnd.Source("booklist",{creator:booklistcreator,copyOnly:false});
	cart = new dojo.dnd.Source("cart",{creator:cartcreator,copyOnly:false,horizonal:false});
	//booklist.insertNodes(false,book);//test
};
function booklistcreator(data,hint){
	var myitem=document.createElement("tr");
	//myitem.style = "{}";
	myitem.id=dojo.dnd.getUniqueId();
	myitem.className = "dojoDndItem";
	if (hint != "avatar") {
		var td1 = document.createElement("td");
		var imageNode = document.createElement("img");
		imageNode.className = "bookImg";
		imageNode.src = data.PicURL;
		 
		//imageNode.setAttribute('onclick', "alert('OK')");
		imageNode.onclick = function(){allInitial(data.id);};//allInitial;//allInitial("");
		td1.appendChild(imageNode);
		var nameP = document.createElement("p");
		nameP.className = "bookName";
		nameP.innerHTML = data.name+"(ID:"+data.id+")";
		td1.appendChild(nameP);
		var td2 = document.createElement("td");
		var otherP1 = document.createElement("p");
		otherP1.className = "bookOther1";
		otherP1.innerHTML = " author:" + data.author + " Publish:" + data.publish;
		td2.appendChild(otherP1);
		var otherP2 = document.createElement("p");
		otherP2.className = "bookOther2";
		otherP2.innerHTML = " price:" + data.price + "RMB"+ " discount:" + data.discount;
		td2.appendChild(otherP2);
		myitem.appendChild(td1);
		myitem.appendChild(td2);
	}
	else {//替身
		myitem.innerHTML = "<img src='" + data.PicURL + "'/>";
	}
	return {node:myitem,data:data};
}
function cartcreator(data,hint){
	var myitem=document.createElement("tr");
	myitem.id=data.id;
	myitem.className = "dojoDndItem";
	if (hint != "avatar") {
		if(!wExist){
			var td1 = document.createElement("td");
			var imageNode = document.createElement("img");
			imageNode.className = "bookImg";
			imageNode.src = data.PicURL;
			td1.appendChild(imageNode);
			var nameP = document.createElement("p");
			nameP.className = "bookName";
			nameP.innerHTML = data.name+"(ID:"+data.id+")";
			td1.appendChild(nameP);
			var td2 = document.createElement("td");
			var otherP1 = document.createElement("p");
			otherP1.className = "bookOther1";
			otherP1.innerHTML = " author:" + data.author + " Publish:" + data.publish;
			td2.appendChild(otherP1);
			var otherP2 = document.createElement("p");
			otherP2.className = "bookOther2";
			otherP2.innerHTML = " price:" + data.price + "RMB"+ " discount:" + data.discount;
			td2.appendChild(otherP2);
			myitem.appendChild(td1);
			myitem.appendChild(td2);
				
		//myitem.innerHTML = "<img src='" + data.PicURL + "'/>";
		}
	}
	else {
		myitem.innerHTML = "<img src='" + data.PicURL + "'/>";
	}
	return {node:myitem,data:data};
	
}
dojo.addOnLoad(result);
function clearList(){
	booklist.selectAll();
	booklist.deleteSelectedNodes();
	booklist.clearItems();
}
//set cookies for carts and calculate the price
var bookID = "";
var wExist = false;
dojo.subscribe("/dnd/drop",
 function(source,nodes,iscopy){
 	var t = dojo.dnd.manager().target;
 	var bookid;
 	bookID = dojo.cookie("id");
 	if(bookID == null){
 		bookID = "";
 	}
	if(t == cart){
		if(bookID == ""){
			bookID = source.getItem(nodes[0].id).data.id;
			dojo.cookie("id",bookID);
			bookid = bookID;
			wExist = false;
		}
		else{
			var array = bookID.split(" ");
			for(var i = 0; i < array.length;++i){
			//alert(array[i]);
				if(array[i] == source.getItem(nodes[0].id).data.id){
				//if(array[i] == source.getItem(nodes.id).data.id){		
					wExist = true;
					break;
				}
				else{
					//alert(array[i]);
					wExist = false;
				}
			}
			if(!wExist){
				bookID += " "+source.getItem(nodes[0].id).data.id;
				bookid = source.getItem(nodes[0].id).data.id;
				dojo.cookie("id",bookID);
			}
			else{
				alert("You have put this book into your Cart");
			}
		}
		if(dojo.cookie("check")=="check"){
			if(bookid != ""){
				//alert(UserID);
				dojo.xhrGet({
					url: "servlet/server.servlet.Cart",
					timeout: 10000,
					content:{method:"add",subitem:bookid,userID:UserID},
					load: function(response,ioArgs){
						return response;
					},
					error: function(){alert("error6");}
				});
			}
		}
	}
	if(t == booklist){
		if(t == source){
		}
		else{
		var item = source.getItem(nodes[0].id).data.id;
		var str = dojo.cookie("id");
		if((str != null) ||(str != " ")){
			var array = str.split(" ");
			for(var i = 0; i < array.length;++i){
				if(array[i] == item){
					array.splice(i,1);
					break;
				}
			}
			var newcookie = array.join(" ");
			//alert(newcookie);
			dojo.cookie("id",newcookie);
			//alert(dojo.cookie("id"));
			if(dojo.cookie("check") == "check"){
				dojo.xhrGet({
					url: "servlet/server.servlet.Cart",
					timeout: 10000,
					content:{method:"sub",subitem:item.toString(),userID:UserID},
					load: function(response,ioArgs){
						return response;