Ajax에서 체크 박스 값 보내기

Question

다음 코드는 원본 코드입니다. 코드에서 체크 된 각 체크 박스에 대한 입력 값을 게시하려고했습니다.

 <tbody class="myFormSaldo"> 
      <tr> 
      <td> <input name="checkbox['.$i.']" type="checkbox" value="'.$i.'" id="chb'.$ref.'" onchange="enableList(this);" class="chb_group" /> </td> 

      <td> <input name="items['.$i.']" type="text" readonly value="'.$obj->items.'" /> </td> 

      <td> <input name="size['.$i.']" type="text" readonly value="'.$obj->size.'Kg" /> </td> 

      <td> <input name="quantity['.$i.']" type="text" readonly value="'.$obj->myquantity.'" /> </td> 



     if($_SERVER["REQUEST_METHOD"] == "POST") { 
      foreach($_POST['checkbox'] as $i) { 

          $product_name=$_POST['items'][$i]; 
          $product_size=$_POST['size'][$i]; 

위의 코드는 정상적으로 작동합니다. 검사 된 각 확인란의 각 입력 값을 게시합니다. 예를 들어; 검사 된 체크 박스가 세 개가 있고 양식이 제출 된 경우 $ product_name, $ product_size 등의 세 배열 (3 루프)을 게시합니다.

지금 내가 원하는 것은 Ajax를 사용하는 것입니다. 이처럼 :

var product_name= document.getElementById('product_name').value; 
    var product_size = document.getElementById('product_size').value; 
    $.ajax(
    { 
     type: "POST", 
     url: "../actions/selectReferenceOrder.php", 
     data: product_name='+product_name+'&product_size ='+product_size , 
     cache: false, 
     success:function(html) 
     { 
      document.getElementById('outputReference').innerHTML = html; 
     } 
    }); 

하지만 계산 또는 체크 박스

이제 내 질문은 PHP는 아약스에서 foreach($_POST['checkbox'] as $i)와 마찬가지로 동일한 작업을 수행하는 방법이다

를 찾을 수 있습니까?

저는이 모든 것들에있어서 초보자입니다.

도움 주셔서 감사합니다.

Answer 1

당신이 사용하는 당신의 product_name 문자열로가 아닌 변수로 : 의견 슬픈 고스트를 사용 formdata로

data: 'product_name='+product_name+'&product_size='+product_size, 

또는 :

이보십시오.

var dataString = $('form').serialize(); 

이상 아약스에서 :

data: dataString, 
... 

Answer 2

는

<script> 
$.ajax({ 
     type: "POST", 
     url: "../actions/selectReferenceOrder.php",   
     data: "{'product_name':" + product_name + ", 'product_size':" + product_size+ "}", 
     cache: false, 
     dataType: "html" 
     success:function(html) 
     { 
      document.getElementById('outputReference').innerHTML = html; 
     } 
    }); 
</script> 

Answer 3

이

Ajax를 단순화 시도 ...이 시도 check here

,

var data = $('form').serialize(); 

$.post("../actions/selectReferenceOrder.php", { name: data}).done(function(data) { 
     alert("Data Loaded: " + data); 
     }); 

또는

$.post("../actions/selectReferenceOrder.php", { product_name: product_name, product_size : product_size }).done(function(data) { 
    alert("Data Loaded: " + data); 
    });