1. 程式人生 > >jquery.ajax引數時間例子

jquery.ajax引數時間例子

總結分享!

<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:');
		});