ajax 项目实例

1. jQuery 下拉菜单

$.ajax({
		url:basePath + "/resources/js/jquery.cxselect/cityData.min.json",success:function(data){
			$('#element_id').cxSelect({
				url : data,selects : [ 'province','city' ],nodata : 'none'
			});
			placeSign();
		}
	});

2.销假流程的ajax

$.ajax({
			type: "POST",url: basePath + "workflow/oa/leaveBack/startLeaveBack.htmls",data: {
				"serialNumber": serialNumber,"leaveBackStartDate": startDate,"leaveBackEndDate": endDate,"leaveDay": leaveDays,"leaveTime": leaveHours
			},dataType: "json",success: function(result) {
				if("loginAgain" == result.msg) {
	     		   setTimeout(function(){
							window.location=basePath+"admin/employee/login.htmls";
						},100);
	     	   } else {
		        	   setTimeout(function(){
							window.location=basePath+"workflow/process/start.htmls";
						},100);
	     	   }
			   if("reApply" == result.msg) {
				   alert("请勿重复提交表单");
			   }
			}
		 })

后台处理代码

@RequestMapping(value = "/startLeaveBack",method = RequestMethod.POST)
@ResponseBody
public Message startLeaveBack(HttpSession session,CancelLeaveVO cancelLeaveVO) {

Message msg = new Message();

msg.setResult(false);
msg.setMsg("reApply");
return msg;

}
3. pendingTemplate.jsp

使用潭州的tpAjax函数

<td><a class="look_btn bdr bgd_red" data-va="${list.tableName}" data-ve="${list.taskAssignee}" data-kid="${list.kid}" href="${basePath}${list.processUrl}">查看</a></td>

 <script type="text/javascript">
	      $(function(){
	          $(".look_btn").click(function(){
	        	    var applicationType=$(this).data("va");
	        	    var mainTableId=$(this).data("kid");
	        	    var dealPeople=$(this).data("ve");
	        	    $.tpAjax.request({	
	        			url:basePath+"process/gotoActivity"+ ".htmls",beforeSend:function(){},callback:function(data){
	        			}
	        		},{"applicationType":applicationType,"mainTableId":mainTableId,"dealPeople":dealPeople} );
	          });
	        });
	      </script>

后台代码

@RequestMapping(value = "/gotoActivity",method=RequestMethod.GET)
	@ResponseBody
	public String gotoActivity(ProcessNotificationVO processNotificationVO){
		int result = iMessageCenterService.changeStatus(processNotificationVO);
		if(result==1){
			return "正在跳转中，请稍等......";
		}
		return "系统繁忙";
	}

4. HrTemplate.jsp

<script>
$(function(){
 $(".bgd_red").on("click",function(){
		var id = $(this).parent().parent().find('td').eq(1).text();
		var messageType = $(this).parent().parent().find('td').eq(2).text();
		 tmLoading("正在拼命加载...",5);
     	$.tpAjax.request({	
			url:basePath+"humanres/humanres/findhrdetial.htmls",callback:function(data){
				$(".content").html(data).show();
				 tmLoading("加载成功",1);
			}
		},{"messageType":messageType,"requesttionID":id} );
			});
			});
</script>

5. messageContent.jsp 与3雷同，但是传递的方式不一样。

$.ajax({
	    		type:"get",url:basePath+"process/gotoActivity.htmls",data:{ 'applicationType':applicationType,'tableId':id,'dealPeople':dealPeople
	    		},success:function(data){
	    			alert(data);
	    		}
	    	});

6. 下拉菜单的升级版

$.ajax({
		type: "POST",url : basePath + "staffListAndSalary/search.htmls",dataType : "json",success : function(data) {
			$('#element_id').cxSelect({ 
				url:data,selects:  ['committee','cluster','group','part','squad'],nodata: 'none' 
			}); 
		}
	});

/**获取员工信息**/
	$.ajax({
			type:"get",url:basePath+"process/search.htmls",data:{
				'pageNo':0,'pageCount':10
			},success:function(data){
				$("#searchResult").html(data);
				var MaxCount=$("#MaxCount").val();
				tm_init_page2(MaxCount);
			}
		});

$.ajax({
				type : "POST",url : basePath + "workflow/oa/reimbursement/applyAction.htmls",data : {
					"serialNumber" : sequeceNum,"recordListStr" : recordList,"isBorrow" : isBow,"accountType" : isCard,"account" : account,"provinces" : provinces,"city" : city,"bankName" : bankName,"branchName" : branchName,"bankCodeNumber" : bankCodeNumber,"cbSerialNumber" : cbSerialNumber,"itemsTotalMoney":itemsTotalMoney,"borrowAmount":borrowAmount,"isFirst":isFirst
				},beforeSend : function() {
					tmLoading("正在提交。。。。");
					$("#activitiStart").attr("onclick","").attr("class","return_btn  ml10");
				},success : function(data) {
					var dataTemp = eval("(" + data + ")");
					if(dataTemp=="success"){
						tmLoading("提交成功！",2);
						location.href=basePath+"workflow/process/start.htmls";
					}else{
						tmLoading("提交失败！请重试！",2);
						$("#activitiStart").attr("onclick","activitiStart()").attr("class","add_btn color_white ml10");
					}
				},complete : function() {
					$("#activitiStart").attr("onclick","add_btn color_white ml10");
				}
			});

$.ajax({
		type:"post",url:basePath+"workflow/oa/reimbursement/complete.htmls",data:{
			"result":resultSelect,"comment":resultAdvise,"taskId":taskId
		},beforeSend:function(){
			tmLoading("正在提交。。。");
			$("#complete").removeAttr("onclick");
		},success:function(data){
			var result=eval("("+data+")");
			if(result=="success"){
				tmLoading("提交完成",2);
				history.back(-1);
			}else{
				tmLoading("提交失败！！请重试！",2);
			}	
		},error:function(){
			$("#complete").attr("onclick","completeTask()");
		}
	});

10.

ajax 项目实例

猜你在找的Ajax相关文章