jquery.ajax参数时间例子

最新推荐文章于 2021-08-05 15:05:45 发布

原创最新推荐文章于 2021-08-05 15:05:45 发布 · 802 阅读

0 ·

CC 4.0 BY-SA版权

前端同时被 2 个专栏收录

22 篇文章

订阅专栏

jquery

21 篇文章

订阅专栏

本文介绍了一个使用jQuery发起AJAX请求的示例，演示了如何通过点击按钮触发POST请求，并展示了请求过程中的各种事件处理，包括开始前、成功、失败及完成等回调函数的应用。

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

总结分享！

<input id='mybtn' type="button" value='点我'  />
	<input id='mysubmit' type="button" value='提交'  />
	<div id='msg' >123</div>

$(function() {
			$('#mybtn').on('click',function(){
				$.ajax({url:'你的url地址'
// 	 				,global:false    // 全局事件开关，true=参与全局事件，false=不参与全局事件
					,type:"post"
	 				,dataType:"json"
	 				,data:{"type":"3"}
	 				,async:false
	 				,success:function(data){
	 					//每次ajax执行完成如果成功就回调此函数，此函数与error函数不可以同时触发
// 	 					console.log('success：');
// 	 					console.log(data);
	 					}
	 				,complete:function(XMLHttpRequest,textStatus){
	 					//每次ajax执行完成都会触发此回调函数，不管成功与否。
	 					console.log('complete');
	 					//延迟三秒后，放开提交按钮
	 					setTimeout(function(){
	 						$('#mysubmit').removeAttr("disabled");
	 					},3000);
	 				}
	 				,error:function(data){
	 					//每次ajax执行完成如果失败就回调此函数，此函数与succcess函数不可以同时触发
// 	 					console.log('错误：');
	 				}
	 				,beforeSend:function(){
	 					//每次ajax执行前触发此函数，可防止重复提交数据
	 					console.log('before');
	 					//提交按钮禁用
	 					$('#mysubmit').attr({disabled:"disabled"});
	 				}
	 			});
	 		});
		});
		$(document).ajaxComplete(function(event,request,settings){
			//全局ajax处理完成走此方法
		});
		$(document).ajaxSuccess(function(event,request,settings){
			//全局ajax处理成功走此方法
// 			console.log('success:'+settings.url);
// 			alert('success');
		});
		$(document).ajaxError(function(event, jqxhr, settings, exception){
			//全局ajax处理失败走此方法
// 			console.log('error:'+settings.url);
// 			alert('error');
		});
		$(document).ajaxStart(function() {
// 			console.log('start:');
// 			   alert('start:');
		});
		$(document).ajaxSend(function(event,request,settings){
// 			console.log('send:'+settings.url);
// 			alert('send');
		});
		$(document).ajaxStop(function() {
// 			console.log('stop:');
// 			   alert('stop:');
		});