此文件需要与ajax桩模块配合使用;当然也必须加载jquery.js
$(document).ready(function(){
var plots = $('[data-role=but]');//定义ajax动作出发按钮
$('[data-role=but]').live('click',function(){//当按钮点击时出发一下动作,因估计到ajax有可能在弹出窗口应用故使用了live
if(plots.hasClass('pause')){//防止按钮重复点击
alert('不要重复点击');
return;
}else{
plots.addClass('pause');
}
Aajax({
URL:'/ajax/post.php',
type:'',//与后台的交互方式包括GET和POST两种,默认是POST,如果需要GET方式需要在引号内注明
dataType:'',//定义是否跨域交互。默认是本域,如需跨域需要在引号内注明jsonp。
start:function(){
plots.addClass('pause');//开始交互并给按钮加上可以阻止重复提交的判断条件
},
data:{
'successcode':'100000',
'message':'abc'
},
success:function(O){//后端返回成功状态后执行的函数
$('[data-role=plots]').html(O.msg+'成功');
setTimeout(function(){
plots.removeClass('pause');
},5000);
},
failure:function(O){//后端返回失败状态后执行的函数
$('[data-role=plots]').html(O.msg+'失败');
setTimeout(function(){
plots.removeClass('pause');
},5000);
}
});
});
});
本文件需要调用的桩模块文件已上传至
http://download.csdn.net/detail/anthen062/4301390