jquery ajax로 jquery UI 대화 상자 사용하기

Question

jquery.ajax가 사용자를 괴롭히지 않도록 jquery.ajax가 가격을 계산하는 동안 "Please wait, calculated"라는 모달 대화 상자가 필요합니다. ajaxStart() 및 ajaxStop() 함수를 시도했지만 제대로 작동하지 않습니다. 제발 내가 잘못한 것에 대해 조언 해 줄 수 있습니까? 여기

코드입니다 :

var form = document.forms["orderDefinition"]; 

form.elements["formChangeRequest"].value = "true"; 
$.ajax({ 
    type: "POST", 
    url: "ajax/possibleValues.html", 
    data: $("form#orderDefinition").serialize(), 
    success: function(response){ 
    $('#usercontent .sleeve .toprow').html(response); 
    applyValidation(); 
    } 
}); 

$("#waitingMsg").ajaxStart(function(){ 
     $(this).dialog({modal: true}); 
    }).ajaxStop(function(){ 
     $("#waitingMsg").hide(); 
}); 

많은 감사

Answer 1

당신은 'beforeSend'와 .ajax() 문서에서

의 '완전한'콜백을 사용할 수 있습니다

,

"beforeSend 요청이 전송되기 전에 호출되고 XMLHttpRequest 객체입니다. 이 완료되거나 실패한 경우 이 성공하면 요청이 완료되면 이 호출됩니다. "