ajax 项目实例

最新推荐文章于 2022-09-19 17:13:24 发布

风风不息

最新推荐文章于 2022-09-19 17:13:24 发布

阅读量871

点赞数

分类专栏： javaScript

本文链接：https://blog.youkuaiyun.com/vydoo/article/details/49336165

版权

javaScript 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了两个Ajax项目实例，包括使用jQuery实现的下拉菜单和基于SpringMVC处理的销假流程。在销假流程中，通过Ajax发送POST请求，服务器端返回Message对象。此外，还提到了pendingTemplate.jsp页面中使用潭州tpAjax函数进行Ajax请求的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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",
			beforeSend:function(){},
			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", "activitiStart()").attr("class","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.