복붙노트

[JQUERY] 하나가 제출 '버튼을 여러 형태로 제출

JQUERY

하나가 제출 '버튼을 여러 형태로 제출

해결법


  1. 1.두 가지 형태를 제출해는 Ajax를 사용해야합니다. form.submit를 사용하여 이후로 () 페이지는 양식 액션 URL을로드합니다. 그래서 당신은 비동기 적으로 그렇게해야합니다.

    두 가지 형태를 제출해는 Ajax를 사용해야합니다. form.submit를 사용하여 이후로 () 페이지는 양식 액션 URL을로드합니다. 그래서 당신은 비동기 적으로 그렇게해야합니다.

    당신이 모두 요청을 비동기 적으로 보내거나 하나 개의 요청을 보낼 수 있도록 비동기 및 성공 후 두 번째 양식을 제출합니다.

    function submitTwoForms() {
    var dataObject = {"form1 Data with name as key and value "};
        $.ajax({
          url: "test.html",
          data : dataObject,
          type : "GET",
          success: function(){
            $("#form2").submit();   //assuming id of second form  is form2
          }
        });
        return false;   //to prevent submit
    }
    

    당신은 하나의 버튼을 제출하는 것을 당신에이 submitTwoForms () 함수를 바인딩 할 수 있습니다. 사용

    $('#form1').submit(function() {
        submitTwoForms();
        return false;
    });
    

    모든이 작업을 수행하지 않으려면하지만, 당신은 Ajax를 사용하여 양식을 제출 JQuery와 양식 플러그인을 사용할 수 있습니다.


  2. 2.이런 식으로 뭔가가 작동합니다 :

    이런 식으로 뭔가가 작동합니다 :

    $('#form1_submit_button').click(function(){
        $('form').each(function(){
            $(this).submit();
        });
    });
    

    대안 :

    $('#form1_submit_button').click(function(){
        $('#form1 #form2 #form3').submit();
    });
    

  3. 3.내가 찾은 가장 간단한 방법은 다음과 같이이다

    내가 찾은 가장 간단한 방법은 다음과 같이이다

    <form method='post' action='whatever?whatever1=blah&whatever2=blah'>
    <?php
    header ("Location: http://example.com/whatever.html");
    ?>
    

    이것은 (당신의 브라우저에 표시하지 않고) 형태의 작업을 할 것입니다, 다음 헤더의 페이지로 리디렉션합니다.

  4. from https://stackoverflow.com/questions/8563299/submit-multiple-forms-with-one-submit-button by cc-by-sa and MIT license