디스플레이 형태의 성공적인 제출에 경고 메시지

Question

나는이 양식 제출 .submit() 메소드를 호출 내 자바 스크립트 파일에서 다음 JQuery와 방법 :

var actionOfForm = $("#custom_targeting_param_form").attr('action'); 
actionOfForm = actionOfForm.replace('#export',''); 
actionOfForm = actionOfForm+'#export'; 
$("#custom_targeting_param_form").attr('action',actionOfForm); 
try{ 
    $("#custom_targeting_param_form").submit(); 
    $("#showOrExportCustomTargetingReport").val('saveReport'); 
    alert('Report Saved Successfully'); 
}catch(e){ 
    //alert("ERROR OCCURRED :: "+e); 
} 

지금 내가 원하는 "메시지를 경고하는 것입니다 귀하의 양식이 "custom_targeting_param_form"의 성공적인 제출에 성공적으로 제출되었습니다.

여기에서 경고를 사용 했으므로 실제로 제출하기 전에 발생합니다. 도와주세요.

Answer 1

비동기 적으로 양식을 제출하여 확인 경고를 표시하거나 확인 메시지를 알리는 서버 쪽에서 시작 js를 렌더링하십시오.

코드 형태로 비동기

$(function(){ 

$("#custom_targeting_param_form").submit(function(e){ 
    e.preventDefault();//to stop the default form submit 

    var actionOfForm = $("#custom_targeting_param_form").attr('action'); 
    actionOfForm = actionOfForm.replace('#export',''); 
    actionOfForm = actionOfForm+'#export'; 
    $("#showOrExportCustomTargetingReport").val('saveReport'); 
    $.ajax({ 
     url: actionOfForm, 
     type: $(this).attr("method"), 
     data: $(this).serialize(), 
     success: function(){ 
     alert('Report Saved Successfully'); 
     }, 
     error: function(){ 
      alert('Report Saving Failed. Please try again later'); 
     } 
    }); 
}); 

Answer 2

jQuery ajax() 메소드를 콜백과 함께 사용하십시오.