다른 양식 제출이 실패 함

Question

누군가 나를 도와 줄 수 있습니까? 비슷한 질문에 대한 답을했지만 문제를 해결할 수 없으므로 여기까지 자세히 설명하려고 노력했습니다. 죄송합니다 반복이지만, 정말 도움이 필요합니다.

mouseover 이벤트를 통해 동일한 ASP 페이지에 세 개의 양식을 제출하려고합니다. ASP 페이지는 제출 된 양식과 양식에 포함 된 데이터에 따라 이미지를 저장하는 코드를 실행합니다. 나는 이것을하기 위해 몇 가지 방법을 시도했다. 아래에 표시된대로 차례대로 제출하면 일부 또는 모든 이미지가 생성되지만 무작위이며 이후 제출이 이전 호출을 덮어 쓰는 것 같습니다.

function save_all_des(){ 
    document.getElementById("form_zoom1").submit(); 
    document.getElementById("form_zoom2").submit(); 
    document.getElementById("form_zoom3").submit(); 
} 

나는 또한이 같은 jQuery를 사용하여 시도 :

이

$("#create_image").mouseover(function() { 
    $("#form_zoom1").submit(function() { 
    $("#form_zoom2").submit(function() { 
    $("#form_zoom3").submit(); 
    }); 
    }); 
}); 

이 난 그냥 하나의 양식을 시도하더라도 전혀 작동하지 않습니다. (mouseover 이벤트 자체가 정상적으로 작동합니다.)

세 가지 양식은 동일한 입력 이름 (하나만 표시 했음)이지만 값은 다릅니다. 개별적으로 그들은 ok를 제출합니다.

<form id="form_zoom1" name="form_zoom1" action="abc.asp" target="MyFrame"> 
    <input type="hidden" name="tab" value="1"> 
</form> 
<form id="form_zoom2" name="form_zoom2" action="abc.asp" target="MyFrame2"> 
    <input type="hidden" name="tab" value="2"> 
</form> 
<form id="form_zoom3" name="form_zoom3" action="abc.asp" target="MyFrame3"> 
    <input type="hidden" name="tab" value="3"> 
</form> 

<iframe id="MyFrame" name="MyFrame" style="display:none;"></iframe> 
<iframe id="MyFrame2" name="MyFrame2" style="display:none;"></iframe> 
<iframe id="MyFrame3" name="MyFrame3" style="display:none;"></iframe> 

두 번째, 세 번째가 제출되기 전에 하나의 양식 제출물 뒤에있는 코드가 제대로 작성되었는지 어떻게 확인합니까?

도움을 주시면 감사하겠습니다. 감사합니다.

Answer 1

실제로 양식을 제출하는 대신 AJAX를 사용하여 서버에 POST 요청을 보내는 것이 좋습니다. 세 가지 요청을 동시에 보내고 올바르게 작동시킬 수는 있지만 제출 한 후에 서버의 응답으로 무엇을하고 있는지에 따라 달라집니다.

AJAX 호출을 수행하는 데 사용하는 방법에 대한 자세한 내용은 jQuery Documentation을 참조하십시오. 그 세 가지 AJAX POST 요청, 각 양식에 대한 하나에서 거의 같은 시간을 보내는

function submitForm(form) { 
    $.ajax({ 
     url: 'abc.asp', 
     method: 'post', 
     data: { 
      tab : $('input[name="tab"]',form).val() 
     }, 
     success: function(data) { 
      /* handle the response from the server here 
      if you don't need to do anything to the structure of the page, you can probably just leave this blank 
      may want to put in some console.log or alert statements for debugging purposes 
      */ 
     } 
    }); 
} 

$('#create_image').mouseover(function() { 
    submitForm($('#form_zoom1')); 
    submitForm($('#form_zoom2')); 
    submitForm($('#form_zoom3')); 
}); 

참고 :

샘플 코드는 다음과 같이 보일 수 있습니다. 이 순서대로 완료 할 것이라는 보장은 없습니다 (제공 한 정보를 고려할 때 중요하지는 않겠지 만).