iframe FancyBox (또는 Modal?)에 양식 데이터 제출

사티

파이썬을 사용하여 디지털 스크럼 보드를 만들어야합니다. 프레임 워크로 저는 Django를 사용하고 있습니다.

지금은 FancyBox에 데이터를 전달하는 데 어려움을 겪고 iframe있습니다. 내 생각은 <form>숨겨진 필드와 함께을 사용하는 것 입니다. 양식을 제출하면 데이터를 iframe.

iframe에 다른 양식 포함되어 있으며 다른 양식에서 제출 한 값이 있어야합니다.

열을 포함하는 테이블이 있고 테이블과 열에는 테이블 ID가 고유하고 열 ID가 아닌 ID가 있습니다. 항목을 추가하려면 테이블과 열 ID를 생성 양식 (즉, iframe 내부).

내 첫 번째 양식은 다음과 같습니다.

<form id="createtask" method="get" action="{% url "create_task" board.id column.id %}">{% csrf_token %}
    <input class="hidden" name="column_id" id="column_{{ column.id }}" value="{{ column.id }}">
    <input class="hidden" name="board_id" id="board_{{ board.id }}" value="{{ board.id }}">
    <input type="submit" value="Create">
</form>

나는 get대신에 내가 사용 post하는 이유가 이것이이 대답 의 두 번째 옵션 이라는 것을 알고 있습니다.

대답에는 다음과 같은 jQuery가 포함됩니다.

$(function() {
    $("#createtask").submit(function() {
        $form = $(this);
        $.fancybox({
                'title': "form submission",
                'href': $form.attr("action") + "?" + $form.serialize(),
                'type': 'iframe'
        });
        return false;
    });
});

문제는 데이터가 전달되지만 대신 내부에서 iframe원하는 콘텐츠가 포함 된 새 페이지를 iframe.

내가 사용한다면

<a href={% url "create_task" board.id column.id %}>

대신에

<input type="submit" value="Create">

양식이 제출되지 않았지만 내부의 양식이 제대로 iframe로드됩니다.

내 질문은 데이터를 iframe에 전달하는 솔루션이 있습니까? 이 작업을 수행하는 더 많은 Django / Python 방법이 있습니까? 대신 부트 스트랩 모달을 사용하는 데 도움이 iframe됩니까?

편집하다:

rcadhikaris 답변은 좋지만 유일한 해결 방법입니다.

jQuery를 사용하여 데이터를 읽음 parent.document으로써 양식을 전혀 사용하지 않았지만 질문은 여전히 ​​양식 데이터를 iframe에 제출하는 방법입니다.

rc.adhikari

data-태그 를 사용 하고 jQuery를 사용하여 iframe에서 가져 오지 않는 이유는 무엇입니까?

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다debugcn@gmail.com 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

양식 제출 (iframe)에서 FancyBox 닫기

분류에서Dev

fancybox 유형 iframe에 양식을 제출하고 컨트롤러에서 상위 페이지로 데이터 및 메시지를 반환합니까?

분류에서Dev

DB에 제출되지 않는 PHP 양식 데이터

분류에서Dev

제출시 양식 데이터에 추가되는 CakePHP

분류에서Dev

제출시 양식 데이터에 추가되는 CakePHP

분류에서Dev

빈 데이터를 데이터베이스에 제출하는 분류 양식

분류에서Dev

iframe에서 새 탭에 양식을 제출하는 방법

분류에서Dev

MS Edge에 데이터를 제출하지 않는 양식 제출 버튼

분류에서Dev

HTML 형식 데이터와 iframe 입력을 동시에 제출

분류에서Dev

Fancybox 여러 팝업이 제출시 양식을 닫습니까?

분류에서Dev

Burp Suite 또는 유사한 도구에서 양식 제출이 가로 챌 때 게시 된 양식 데이터를 숨기는 방법이 있습니까?

분류에서Dev

PHP 페이지에서 양식 iframe WYSIWYG를 제출하는 방법은 무엇입니까?

분류에서Dev

양식 데이터를 제출하지 않는 amp 양식

분류에서Dev

데이터베이스에 양식 데이터 제출

분류에서Dev

Django는 양식 제출시 manyToManyField에 데이터를 추가합니다.

분류에서Dev

AJAX 다른 양식 데이터를 외부 API에 제출하는 방법

분류에서Dev

양식 제출에 따라 데이터가있는 구성 요소로드

분류에서Dev

양식을 제출하는 동안 노드 js : undefined 오류에서 양식 데이터 가져 오기

분류에서Dev

많은 양의 데이터가 제출되지 않는 양식

분류에서Dev

특정 브라우저에 대해 두 번째 제출시에만 데이터를 제출하는 HTML 양식

분류에서Dev

Fancybox는 양식 데이터를 다른 PHP 페이지로 보냅니다.

분류에서Dev

PHP ajax를 사용하여 Modal Box에서 HTML 양식 데이터를 제출하는 방법은 무엇입니까?

분류에서Dev

jquery-양식 제출시 일부 입력 게시물 데이터 만 전달하는 동적으로 생성 된 양식 (양식이 조기에 닫힘)

분류에서Dev

업데이트 또는 제출 버튼을 누르지 않고 양식 제출

분류에서Dev

axios가 양식 데이터를 게시 할 수 있도록 제출 리스너에서 양식 데이터를 전달하는 방법은 무엇입니까?

분류에서Dev

양식없이 Flask에 데이터 제출

분류에서Dev

HTML 양식에서 postgres로 데이터베이스 제출

분류에서Dev

양식에서 제출 한 데이터를 구조화 / 제어하는 방법은 무엇입니까?

분류에서Dev

값에 따라 양식 제출에서 데이터 전달

Related 관련 기사

  1. 1

    양식 제출 (iframe)에서 FancyBox 닫기

  2. 2

    fancybox 유형 iframe에 양식을 제출하고 컨트롤러에서 상위 페이지로 데이터 및 메시지를 반환합니까?

  3. 3

    DB에 제출되지 않는 PHP 양식 데이터

  4. 4

    제출시 양식 데이터에 추가되는 CakePHP

  5. 5

    제출시 양식 데이터에 추가되는 CakePHP

  6. 6

    빈 데이터를 데이터베이스에 제출하는 분류 양식

  7. 7

    iframe에서 새 탭에 양식을 제출하는 방법

  8. 8

    MS Edge에 데이터를 제출하지 않는 양식 제출 버튼

  9. 9

    HTML 형식 데이터와 iframe 입력을 동시에 제출

  10. 10

    Fancybox 여러 팝업이 제출시 양식을 닫습니까?

  11. 11

    Burp Suite 또는 유사한 도구에서 양식 제출이 가로 챌 때 게시 된 양식 데이터를 숨기는 방법이 있습니까?

  12. 12

    PHP 페이지에서 양식 iframe WYSIWYG를 제출하는 방법은 무엇입니까?

  13. 13

    양식 데이터를 제출하지 않는 amp 양식

  14. 14

    데이터베이스에 양식 데이터 제출

  15. 15

    Django는 양식 제출시 manyToManyField에 데이터를 추가합니다.

  16. 16

    AJAX 다른 양식 데이터를 외부 API에 제출하는 방법

  17. 17

    양식 제출에 따라 데이터가있는 구성 요소로드

  18. 18

    양식을 제출하는 동안 노드 js : undefined 오류에서 양식 데이터 가져 오기

  19. 19

    많은 양의 데이터가 제출되지 않는 양식

  20. 20

    특정 브라우저에 대해 두 번째 제출시에만 데이터를 제출하는 HTML 양식

  21. 21

    Fancybox는 양식 데이터를 다른 PHP 페이지로 보냅니다.

  22. 22

    PHP ajax를 사용하여 Modal Box에서 HTML 양식 데이터를 제출하는 방법은 무엇입니까?

  23. 23

    jquery-양식 제출시 일부 입력 게시물 데이터 만 전달하는 동적으로 생성 된 양식 (양식이 조기에 닫힘)

  24. 24

    업데이트 또는 제출 버튼을 누르지 않고 양식 제출

  25. 25

    axios가 양식 데이터를 게시 할 수 있도록 제출 리스너에서 양식 데이터를 전달하는 방법은 무엇입니까?

  26. 26

    양식없이 Flask에 데이터 제출

  27. 27

    HTML 양식에서 postgres로 데이터베이스 제출

  28. 28

    양식에서 제출 한 데이터를 구조화 / 제어하는 방법은 무엇입니까?

  29. 29

    값에 따라 양식 제출에서 데이터 전달

뜨겁다태그

보관