jquery.ajax参数时间例子

来源:互联网 发布:嵌入式linux tftp使用 编辑:程序博客网 时间:2024/05/17 22:24

总结分享!

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


原创粉丝点击