[jQuery] 중복 클릭 방지(blockUI plug-in)

# [jQuery] 중복 클릭 방지(blockUI plug-in)

jQuery 플러그인으로 blockUI를 사용.

request를 보내기전에 화면을 비활성화.
response를 받어면 화면을 활성화.

------------------------------------------------------------------------------------------ 
<script type="text/javascript" src="/js/jquery.blockUI.js"></script>

<script type="text/javascript" charset="euc-kr">

$.ajax( {

type :'POST'

,asyn :true

,url :'/test/save.do?_method=save'

,data:postData

,dataType :"json"

,contentType :"application/x-www-form-urlencoded;charset=UTF-8"

,beforeSend : function(xhr){

$.blockUI();

}

,success : function(jsonData) {

alert('저장 되었습니다.');

}

,error : function(xhr, textStatus) {

alert('저장 중 오류가 발생했습니다.');

location.href = "<%=initUrl%>";

}

,complete : function(xhr, textStatus) {

$.unblockUI();

}

});

</script>

------------------------------------------------------------------------------------------ 



출처
http://archive.plugins.jquery.com/project/blockUI  
http://malsup.com/jquery/block/  

jquery.blockUI.js