자바 스크립트 함수에서 입력 값을 DB에 저장하는 방법

Question

<script> 
function myFunction(y) 
{ 

var f = y.parentNode; 
var d = f.parentNode; 
var g = d.parentNode; 
var c =g.parentNode.rowIndex; 


var table = document.getElementById("myTable"); 

var row = table.insertRow(c+1); 


var cell1 = row.insertCell(0); 
var cell2 = row.insertCell(1); 
var cell3 = row.insertCell(2); 
var cell4 = row.insertCell(3); 
var cell5 = row.insertCell(4); 
var cell6 = row.insertCell(5); 
var cell7 = row.insertCell(6); 

cell1.innerHTML = "<input type=text name='txt_id' id='id_id' size=10 placeholder=Id>"; 
cell2.innerHTML = "<input type=text name='txt_item' id='id_item' size=10 placeholder=Item>"; 
cell3.innerHTML = "<input type=text name='txt_cost' id='id_cost' size=10 placeholder=0.00>"; 
cell4.innerHTML = "<input type=text name='txt_wp' id='id_wp' size=10 placeholder=0.00>"; 
cell5.innerHTML = "<input type=text name='txt_rp' id='id_rp' size=10 placeholder=0.00>"; 

cell6.innerHTML = "<input type='button' name='submit' id='id_submitBtn' value='Save' size=10 onclick='form_submit()' >"; 


document.getElementById("myTable"); 

} 

이것은 추가 버튼을 클릭 할 때 테이블에 동적 행을 추가하는 코드입니다. 이제 텍스트 상자에 입력 된 값을 가져와 DB에 제출해야합니다.

form_submit() 
{ 
} 

이 함수 내에 코드를 작성하면 될까요?

Answer 1

당신은 사용하여 배열의 모든 값을 얻을 수 있습니다 :

$('#myTable input:text') 
    .map(function() {return this.value;}) 
    .get(); 

Answer 2

이 양식을 제출 중 한 후이

form_submit() 
{ 
    if (validation is true) { 
     $.ajax({ 

      url:submit.php, 
      dataType: "json", 
      type: "POST", 
      data: { 
       id : $("#id_id").val(), 
       . 
       . 
       . 
      }, 
      success: function() { 
       alert("Success"); 
      } 
     }); 
    } 
} 

Answer 3

을 시도 사용은 다음

var values = []; 
$('#customTable input:text').each(function() { 
    values.push($(this).val()); 
}); 

$.ajax({ 

     url:index.php, 
     dataType: "json", 
     type: "POST", 
     data: { 
     valOfItems:values 
     } 
     //Your custom operations like success,error etc 
     });