JQuery와 직렬화 아약스로드 형태

Question

직렬화() 함수는 빈 문자열을 반환, 이건 내 코드입니다 : 반환

코드 형태 :

$.ajax({ 
      url: 'api/form', 
      type: 'get', 
      crossDomain: true, 
     }).done(function(response){ 
      fields = JSON.parse(response); 
      html = ''; 
      $.each(fields, function(index,field){ 
       html += field; 
      }); 

      html += '<div class="btn-clear"></div><button class="btn payment">Pay</button></div>'; 
      $("#cart-content").html(html); 
     }).fail(function() { 
      console.log('Failed'); 
     }); 

사용자 후에 실행 자바 스크립트 코드가 지불 버튼을 클릭

:

$("body").on('click','.payment',function() { 
    var frmData = $("#customer").serialize(); 
    console.log(frmData); 
}); 

하지만 빈 문자열을 기록합니다 !!

가 아약스 장전 후 양식 :

<form id="customer"><div class="form-group"> 
        <label class="control-label">Full name</label> 
        <input name="name" class="form-control" type="text"> 
       </div><div class="form-group"> 
        <label class="control-label">E-mail</label> 
        <input name="email" class="form-control" type="text"> 
       </div><div class="form-group"> 
        <label class="control-label">Mobile</label> 
        <input name="mobile" class="form-control" type="text"> 
       </div><div class="form-group"> 
        <label class="control-label">Country</label> 
        <select id="country" name="country" class="form-control" type="text"><!-- countries ... --></select> 
       </div></form> 

Answer 1

을 대상으로이

$("#form").submit(function() { 
    var data = $('#form').serialize(); 

사용 양식 ID처럼 직렬화를 사용해보십시오. #form을 사용했습니다. 양식을 제출하고 양식 입력을 직렬화하십시오.