常用页面提交方式 | 防止重复提交

来源:互联网 发布:淘宝评价怎么写好评 编辑:程序博客网 时间:2024/06/05 15:21

提交方式:

方式一:常用的form提交 [普通提交]

该种方式提交页面,页面会进行跳转(URL发生变化),通常用POST提交方式,相关代码如下:

function del(id){

top.asyncbox.confirm('确定要进行删除吗?',‘确认’,function(buttonResult)){

if(buttonResult == "OK"){

document.getElementById("Form1").action = "materral_action.jsp?act=5";

document.getElementById("Form1").submit(); //此处的Form1是<form> </form>中的id=“Form1” 点击后提交到action页面

}

}

}

方式二:Ajax提交form的方式 [异步提交]

该种方式提交页面,页面不跳转(URL不发生变化)

  function do_submit(obj){

obj.disabled = true;

var ajax_option={
success:function(data){
var msg = data.toString();
if(msg == 1){  
msgBox('保存成功');
}else if(msg == 0){                     
msgAlert('保存失败'); 
}

obj.disabled = false;
}
}
$('#Form1').ajaxSubmit(ajax_option);   //根据Form1的id找到Form1的对象  点击“提交”按钮,还留在当前页。
}  

防止重复提交

在function check()函数中添加如下代码: 

$(this).attr('type','button');//防止“提交”按钮重复提交




原创粉丝点击