AJAX模板

1、JQuery + JSON方式

js端：

$.ajax({
 async:true,
 cache:false,
 type:"POST",
 dataType : 'json',
 url:"/shopping/cart/cartNum",
 error:function(json){alert(json);},
 timeout:60000,
 success:function(json){
 if(json.isSuc){
 $("#dscCartNum").html(json.datas);
 }else{
 $("#dscCartNum").html(json.des);
 }
 }
 });

servlet端：

try{
response.setContentType("text/html;charset=utf-8");
PrintWriter out = response.getWriter();
out.write("{\"des\" : \""+des+"\" , \"isSuc\" : "+isSuc+" , \"datas\" : \""+dataStr+"\"}";);
}catch(Exception ex){
ex.printStackTrace();
}

2、经典方式

<em>var js = {
	XMLHttp:null,
	sendRequest:function(url,call){
	(
	function(){
if(window.XMLHttpRequest){
	js.XMLHttp = new XMLHttpRequest();
	}
else{
	try{
	js.XMLHttp = new ActionXObject("Msxml2.XMLHTTP");
	}catch (e){
	try{
	js.XMLHttp = new ActiveXObject("Microsoft.XMLHTTP");
	} catch (e0){alert("Microsoft"+e0);}
	}
	}
	}
	)();
	js.XMLHttp.open("POST", url, false);
 js.XMLHttp.onreadystatechange = function(){
	if(js.XMLHttp.readyState == 4){
	if(js.XMLHttp.status == 200 || js.XMLHttp.status == 0){
	call(js.XMLHttp);
	} 
	}
	};
	js.XMLHttp.send(null);
	return js.XMLHttp;
	}
}

//发送请求

function search(){

	js.sendRequest("http://10.10.1.49:8090/bugReport/count?record=search&bugid="+bugid+"&describe="+describe+"&type="+type, showcom);
}</em><p>//回调函数</p><p>function showcom(xmlhttp){
	var XML = xmlhttp.responseXML;
	var bugstr  =  XML.getElementsByTagName("BugCount")[0].firstChild.data;
	var buglist =  bugstr.split("$$$");
}<em>
</em></p>