양식이 포함되지 않은 jquery UI 대화 상자에서 양식을 보내는 방법

Question

다음 양식을 보내야하는 데이터가 있습니다.

<form action="http://localhost/sp/index.php/daily_operation/turn_close" method="post" accept-charset="utf-8" id="form" name="form" class="form_cash"><br />   <input type="hidden" id="total_amount" name="total_amount" value="0"> 

        <div> 
        <fieldset class="fieldset"> 

        <legend>Billetes</legend> 
        <div class="row_form_div"> 
         <label for="hundred_amount">100</label> 
         <input type="text" id="hundred_amount" name="hundred_amount" class="billet"/> 
         <input type="hidden" id="hundred_denomination_id" name="hundred_denomination_id" value="1"> 
        </div> 

        <div class="row_form_div"> 
         <label for="fith_amount">50</label> 
         <input type="text" name="fith_amount" id="fith_amount" class="billet"/> 
         <input type="hidden" id="fith_denomination_id" name="fith_denomination_id" value="2"> 
        </div> 

        <div class="row_form_div"> 
         <label for="twenty_amount">20</label> 
         <input type="text" name="twenty_amount" id="twenty_amount" class="billet"/> 
         <input type="hidden" id="twenty_denomination_id" name="twenty_denomination_id" value="3"> 
        </div> 

        <div class="row_form_div"> 
         <label for="ten_amount">10</label> 
         <input type="text" name="ten_amount" id="ten_amount" class="billet"/> 
         <input type="hidden" id="ten_denomination_id" name="ten_denomination_id" value="4"> 
        </div> 

        <div class="row_form_div"> 
         <label for="five_amount">5</label> 
         <input type="text" name="five_amount" id="five_amount" class="billet"/> 
         <input type="hidden" id="five_denomination_id" name="five_denomination_id" value="5"> 
        </div> 

        <div class="row_form_div"> 
         <label for="one_amount">1</label> 
         <input type="text" name="one_amount" id="one_amount" class="billet"/> 
         <input type="hidden" id="one_denomination_id" name="one_denomination_id" value="6"> 
        </div> 

       </fieldset> 
       </div> 
</form> 

양식을 보내기 전에 양식의 데이터가 필요합니다.

$("#dialog-confirm").dialog({ 
    resizable: false, 
    autoOpen:false, 
    height:150, 
    width:340, 
    open:false, 
    modal: true, 
    buttons: { 
     "No": function() { 
      $(this).dialog("close"); 
     }, 
     "Si": function() { 
       $("#form").submit(); 
       $(this).dialog('close'); 
       } 
     } 
    } 
}); 

이 형태 만의 속삭임에 게시 된 데이터를 전송하는 목적으로이다 : 나는 나는 다음과 같은 jQuery 코드로 호출하는 조건

<div id="dialog-confirm" title="&iquest;Cerrar turno con diferencia?"> 
      <p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"> 
      </span>El desglose insertado no coincide con el total por concepto de operaciones. Esto significa que cerrar&aacute; el turno con diferencia. 
      &iquest;Est&aacute; seguro?</p> 
     </div> 

을 요청하는 JQuery와 UI 대화 상자를 구축 일어난다.

또한 아약스

 "Si": function() { 
       $("#form").submit(); 
       if (true) { 
        { 
         $.ajax({ 
          type: "POST", 
          dataType: "json", 
          url: 'daily_operation/turn_close', 
          data: $("#form").serialize(), // serializes the form's elements. 
          success: function(data) 
          { 
          }, 
          error: function(data) { 
           bValid = false; 
          } 
         }); 

        } 
        $(this).dialog('close'); 
       } 
     } 

이 작업을 수행하려고하지만 아무것도 보내지 않고 남아있다.

도와 주시겠습니까?

Answer 1

문제는 당신이 그것을 전통적인 방식을 보내려고하면 나에 의해이 그것을 전송해야하지만 일부 문제가있는 AJAX

$("#form").submit(); 

를 사용하여 미리 감사드립니다 ... (예. IE는 그 형태가 포함 필요 제출 버튼을 누르십시오!). 그리고이 접근법은 많은 문제를 야기 할 수 있습니다. 내가 제안하는 것은 AJAX를 사용하는 것이다. 시작을 시도하고 무슨 일이 일어나는 지보십시오. :

$.ajax({ 
          type: "POST", 
          dataType: "json", 
          url: 'daily_operation/turn_close', 
          data: $("#form").serialize(), 
          beforeSend : function(){ 
            alert($("#form").serialize()); 
          }, 
          success: function(data) 
          { 
           alert(data); 
          }, 
          error: function(data) { 
           bValid = false; 
          } 
         }); 

Answer 2

나는 이것이 오래 된 게시물 인 것을 알고 있지만, 나는 그 양식이 왜 제출하지 않았는지 안다. 대신

$("#form").submit();

의 그것은

$("#form")[0].submit();해야한다.

.submit()은 실제 form HTML 요소의 내장 JavaScript 함수입니다. 실제 요소에 사용해야합니다. 순수한 JS에서 :

document.getElementById("form").submit(); 

JQuery와 .submit()는 submit 이벤트 기능 부착에 사용된다. 마찬가지로 :

$("#form").submit(function() { 
    return true; 
}); 

jQuery를 당신은 실제 HTML 요소를 얻기 위해 .get() 기능 또는 배열 인덱스를 사용할 수 있습니다. 그래서 :

$("#form").get(0).submit(); 

도 작동해야합니다.