Calling Servlet Using JQuery AJAX From Javascript

Calling Servlet Using JQuery AJAX From Javascript.js

function getPlanTable(streamComboName,yearComboName)  
{ 
	var query='streamComboName='+streamComboName+'&yearComboName='+yearComboName; 
	$.ajax({
		url:'fetchFeedbackPlanDetails', 
		data:query,  
		dataType:'json',  
		success:function(jArray) 
		{ 		 		 
			var j=jArray[0];   	

		    var dd=	'<br><br><form name="planTableForm"><table border="1" align="center" ><th colspan="9">Plans Details</th>'+
		    		'<tr align="center"><th align="center" >Plan Id</th>'+
					'<th>Stream</th><th>Appraisal Period</th><th>Appraisal For</th><th>No Of Times</th><th>Employee Name</th><th>Status</th><th>View</th><th>Delete</th></tr>';
			
			for(var i=1;i<=j;i++)   
			{ 			
				var planId = jArray[i]["Kpa_Plan_Id"];
				var app_period,set_for,flag;  
				  
				if(jArray[i]["Appraisal_Period_Type"]=='' || jArray[i]["Appraisal_Period_Type"]==undefined || jArray[i]["Appraisal_Period_Type"]>0)  
					app_period='-';
				else   
					app_period=jArray[i]["Appraisal_Period_Type"];
				  
				if(jArray[i]["Set_for_Type"]=='' || jArray[i]["Set_for_Type"]==undefined || jArray[i]["Set_for_Type"]>0)    
					set_for='-'; 						
				else   
					set_for=jArray[i]["Set_for_Type"]; 
				
				if(jArray[i]["status"]=='Complete')
					flag=0;
				else
					flag=1;
				
				dd+='<tr><td>'+jArray[i]["Kpa_Plan_Id"]+'</td>'+
				'<td>'+jArray[i]["stream"]+'</td>'+ 
				'<td>'+app_period+'</td>'+   
				'<td>'+set_for+'</td>'+  
				'<td>'+jArray[i]["No_of_Times"]+'</td>'+		 		 
				'<td>'+jArray[i]["empname"]+'</td>'+
				'<td>'+jArray[i]["status"]+'</td>'+ 				  
				'<td><a href="#" id="'+jArray[i]["Kpa_Plan_Id"]+'" name="'+jArray[i]["stream"]+'" onclick="planPrompt('+jArray[i]["Kpa_Plan_Id"]+','+flag+'),TabPlanAdd()">view</a></td>'+ 
				'<td><input name="planDeleteCheckBox" type="checkbox" value="'+jArray[i]["Kpa_Plan_Id"]+'" ></td></tr>';       
			}   
			dd+='<tr><td colspan="8" align="right"><a href="#"><img src="images/DeleteRed.png" border="0" title="Delete Plan" id="deleteLogoImageId" onclick="deletePlan()" width="25" height="25"></a></td><td><a href="#"><img src="images/plus logo.png" title="Add Plan" id="plusLogoImageId" onclick="planPrompt(\'plusLogoImageId\',1),TabPlanAdd()" width="25" height="25"></a></td></tr></table></form><br>'; 
			$('div#divPlanDetails').html(dd);    
		},  
		error:function()     
		{ 
			alert("in error specification"); 	 		
		}
	});    
}