CodeIgniter의 AJAX 성공 함수에서 동적으로 생성 된 양식 제출

jldavis76

AJAX 호출의 성공 함수 내에서 동적으로 만든 양식이 있습니다. 이 양식이 DOM에 추가되면 CodeIgniter에서 일반 양식처럼 제출할 것이라고 생각했습니다. 그러나 제출 버튼을 클릭하면 적절한 컨트롤러로 전송되지만 POST 데이터가 선택되지 않습니다.

내 초기 양식 :

 <div id="editTicketOptions" class="alert alert-info" style="display:none">
     <form name="editTicketForm" id="editTicketForm" action="">
      <div class="form-group">
          <label for="edit_ticket">Choose a Ticket:</label>
          <select name="edit_number" id="edit_number" class="form-control">
               <option value="">Choose one...</option>
               <?php foreach ($created_tickets as $ticket): ?>
                    <option value="<?php echo($ticket->ticketId); ?>"><?php echo ($ticket->ticketId . " - " . $ticket->headline); ?></option>
               <?php endforeach; ?>
          </select>
       </div>
    </form>
</div>

내 AJAX 전화 :

$('#edit_number').change(function(){
    $.ajax({
        type:"POST",
        url: "<?php echo base_url('ticket_system/edit_details'); ?>",
        dataType: "json",
       data:{
            'ticketId': $(this).val()
       },
       success: function(ticket){
            $("#headline_entry").remove();
            $("#description_entry").remove();
            $("#priority_entry").remove();
            $("#button_entry").remove();
            $("#editTicketForm").append("<div class='form-group' id='headline_entry'><label for='edit_headline'>Headline:</label><input type='text' class='form-control' name='edit_headline' id='edit_headline' required></div>");
            $("#editTicketForm").append("<div class='form-group' id='description_entry'><label for='edit_description'>Description:</label><textarea class='form-control' rows='3' name='edit_description' id='edit_description' required>" + ticket[0].description + "</textarea></div>");
            $("#editTicketForm").append("<div class='form-group' id='priority_entry'><label for='edit_priority'>Choose priority:</label><select name='edit_priority' id='edit_priority' class='form-control'><option selected value=" + ticket[0].priority + ">" + ticket[0].priority + "</option><option value='High'>High</option><option value='Medium'>Medium</option><option value='Low'>Low</option></select>");
            $("#editTicketForm").append("<div class='text-center' id='button_entry'><input class='btn btn-primary' type='submit' id='editTicketButton' value='Edit Ticket'></div>");
            $("#editTicketForm").attr("action", "<?php echo base_url('ticket_system/edit_ticket/'); ?>" + "/" +ticket[0].ticketId + " ");
        }
    });
});

내 컨트롤러 기능 :

public function edit_ticket()
{
    $ticketId = $this->uri->segment(3);
    $headline = $this->input->post('edit_headline');
    $description = $this->input->post('edit_description');
    $priority = $this->input->post('edit_priority');
    $edit_ticket = array(
        'ticketId' =>$ticketId,
        'headline' => $headline,
        'description' => $description,
        'priority' => $priority
    );

    $this->tickets->editTicket($edit_ticket);

    redirect('ticket_system/view_tickets');
}

가장 예쁜 코드는 아니지만 여기에 간단한 것이 빠졌습니까? 이 작업을 수행하는 더 좋은 방법이 있습니까?

도와 주셔서 감사합니다!!

CodeGodie

문제는 컨트롤러 메소드 edit_ticket()가 POST 정보를 수신하고 $this->input->post(...)있지만 양식을 POST 메소드로 설정하지 않아 POST가 아닌 GET 정보를 전송한다는 것입니다.

솔루션 :method="POST" 양식에 속성 추가하십시오 .

<form name="editTicketForm" id="editTicketForm" method="POST">

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

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

jquery에서 동적으로 생성 된 양식 제출 문제

분류에서Dev

jQuery-동적으로 생성 된 양식을 제출할 수 없습니다.

분류에서Dev

jQuery-동적으로 생성 된 양식을 제출할 수 없습니다.

분류에서Dev

AJAX를 통해 동적으로 양식 생성 및 제출

분류에서Dev

제출하지 않는 동적으로 생성 된 양식, jQuery

분류에서Dev

동적으로 생성 된 양식 (php에서 생성) 중 하나를 제출하는 방법

분류에서Dev

동적으로 생성 된 자식 생성자 함수에서 부모 생성자로 호출

분류에서Dev

PHP에서 여러 수준의 탭과 모듈을 사용하여 동적으로 생성 된 양식을 제출하는 방법은 무엇입니까?

분류에서Dev

Angular에 의해 동적으로 생성 된 객체에서 jQuery 함수 호출

분류에서Dev

양식이 성공적으로 제출 된 경우에만 jQuery 이벤트

분류에서Dev

동적으로 생성 된 양식의 값을 편집 할 수 없습니다.

분류에서Dev

동적으로 생성 된 선택 상자가있는 양식 제출

분류에서Dev

동적으로 생성 된 입력이 많은 AngularJS 양식 제출

분류에서Dev

Django 모델 양식-동적으로 생성 된 필드의 순서

분류에서Dev

동적으로 생성 된 양식에 대한 작업 수행

분류에서Dev

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

분류에서Dev

동적으로 생성 된 두 개의 Ajax 요소가 서로를 인식하지 못함

분류에서Dev

Ajax 함수는 동적으로 생성 된 버튼 내부에서 호출되지 않습니다.

분류에서Dev

동적으로 생성 된 양식의 Redux 값

분류에서Dev

동적으로 생성 된 양식에 이벤트 첨부

분류에서Dev

동적으로 생성 된 양식 제출시 클릭 한 제출 버튼 찾기

분류에서Dev

동적으로 생성 된 요소에 ID 제공

분류에서Dev

동적으로 생성 된 이미지를 챗봇에 제공

분류에서Dev

동적으로 생성 된 뷰에 ID 제공

분류에서Dev

동적으로 생성 된 양식의 JQuery 유효성 검사 날짜

분류에서Dev

변경 메모 1. Delphi에서 동적으로 생성 된 모든 양식의 글꼴

분류에서Dev

루프 내에서 동적으로 생성 된 함수 호출에 값 전달

분류에서Dev

동적으로 생성 된 양식에 대한 Jquery 유효성 검사

분류에서Dev

ajax를 사용하여 제출 된 codeigniter에서 form_validation을 사용하여 양식 데이터의 유효성을 검사하는 방법

Related 관련 기사

  1. 1

    jquery에서 동적으로 생성 된 양식 제출 문제

  2. 2

    jQuery-동적으로 생성 된 양식을 제출할 수 없습니다.

  3. 3

    jQuery-동적으로 생성 된 양식을 제출할 수 없습니다.

  4. 4

    AJAX를 통해 동적으로 양식 생성 및 제출

  5. 5

    제출하지 않는 동적으로 생성 된 양식, jQuery

  6. 6

    동적으로 생성 된 양식 (php에서 생성) 중 하나를 제출하는 방법

  7. 7

    동적으로 생성 된 자식 생성자 함수에서 부모 생성자로 호출

  8. 8

    PHP에서 여러 수준의 탭과 모듈을 사용하여 동적으로 생성 된 양식을 제출하는 방법은 무엇입니까?

  9. 9

    Angular에 의해 동적으로 생성 된 객체에서 jQuery 함수 호출

  10. 10

    양식이 성공적으로 제출 된 경우에만 jQuery 이벤트

  11. 11

    동적으로 생성 된 양식의 값을 편집 할 수 없습니다.

  12. 12

    동적으로 생성 된 선택 상자가있는 양식 제출

  13. 13

    동적으로 생성 된 입력이 많은 AngularJS 양식 제출

  14. 14

    Django 모델 양식-동적으로 생성 된 필드의 순서

  15. 15

    동적으로 생성 된 양식에 대한 작업 수행

  16. 16

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

  17. 17

    동적으로 생성 된 두 개의 Ajax 요소가 서로를 인식하지 못함

  18. 18

    Ajax 함수는 동적으로 생성 된 버튼 내부에서 호출되지 않습니다.

  19. 19

    동적으로 생성 된 양식의 Redux 값

  20. 20

    동적으로 생성 된 양식에 이벤트 첨부

  21. 21

    동적으로 생성 된 양식 제출시 클릭 한 제출 버튼 찾기

  22. 22

    동적으로 생성 된 요소에 ID 제공

  23. 23

    동적으로 생성 된 이미지를 챗봇에 제공

  24. 24

    동적으로 생성 된 뷰에 ID 제공

  25. 25

    동적으로 생성 된 양식의 JQuery 유효성 검사 날짜

  26. 26

    변경 메모 1. Delphi에서 동적으로 생성 된 모든 양식의 글꼴

  27. 27

    루프 내에서 동적으로 생성 된 함수 호출에 값 전달

  28. 28

    동적으로 생성 된 양식에 대한 Jquery 유효성 검사

  29. 29

    ajax를 사용하여 제출 된 codeigniter에서 form_validation을 사용하여 양식 데이터의 유효성을 검사하는 방법

뜨겁다태그

보관