通过本文主要向大家介绍了AJAX避免用户重复提交请求实现方案等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
在使用AJAX(jQuery)异步请求数据时,为了避免因某些原因用户同时多次点击按钮,提交重复的请求,我们需要禁用请求提交按钮。
重点:jQuery的 attr 和 removeAttr 两个函数,主要是元素button的disabled属性。
Demo:
:当点击"Button disabeld"后,使用 $( "#submit" ).attr("disabled","disabled") 语句禁用测试按钮,实质是给测试按钮增加一个disabled属性,然后点击"Button abled"或执行发送ajax()请求,当请求完全后,使用 $("#submit").removeAttr("disabled"); 语句去除禁用按钮属性,从而实现了禁用按钮,避免重复发送请求。 </div>
重点:jQuery的 attr 和 removeAttr 两个函数,主要是元素button的disabled属性。
Demo:
:当点击"Button disabeld"后,使用 $( "#submit" ).attr("disabled","disabled") 语句禁用测试按钮,实质是给测试按钮增加一个disabled属性,然后点击"Button abled"或执行发送ajax()请求,当请求完全后,使用 $("#submit").removeAttr("disabled"); 语句去除禁用按钮属性,从而实现了禁用按钮,避免重复发送请求。 </div>