jquery.ajax引數時間例子
阿新 • • 發佈:2019-01-27
總結分享!
<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:'); });