양식 변수를 ajax로 바꾸기

Question

양식 데이터를 ajax로 변수 $_SESSION에 저장하려고하는데 제대로 onchange 이벤트를 실행하거나 변수를 보낼 수 없습니다.

양식 길이가 다양하므로 동적 변수를 사용하려고했습니다.

<script> 
    function orderValues(boxValue){ 
     $.post("/ajaxConnect.php",{value: $("qty_" + boxValue).val()}, 
     function(result) { 
      console.log('value saved'); 
     }); 
    } 
</script> 

<php 
    echo "<div id=\"prodBox\">QTY: <input name=\"qty_".rawurldecode($item->LINE)."\" value=\"" . $_SESSION['box_']['qty_'.rawurldecode($item->LINE)] . "\" type=\"number\" onchange=\"orderValues(this.value)\"/></div>"; 
?> 

ajaxConnect : 값이 변경 될 때마다

<?php 
    session_start(); 
    $_SESSION['box_']['value'] = $_POST["value"]; 
?> 

최종 목표 입력 값 인은 $_SESSION['box_']['qty_LINE']에 저장한다.

$_SESSION 값을 수동으로 설정하면 표시 할 수는 있지만 아약스는 사용할 수 없습니다.

도움을 청합니다.

Answer 1

onchange과 같은 속성을 사용하는 대신 jquery를 사용하여 이벤트 바인딩을 수행하는 것이 더 좋으며 서버에 보낼 올바른 값을 가져야합니다. 줄 이름과 행이 모두 필요합니다. 값. 업데이트, 마지막으로 당신의 ajaxConnect 파일

$(document).ready(function(){ 
    $('#prodBox input').change(function(){ 
     $.post("/ajaxConnect.php",{line: this.name, value: this.value}, 
     function(result) { 
      console.log('value saved'); 
     }); 
    }); 
}); 

:

JQuery와에

<?php 
    session_start(); 
    $line = isset($_POST["line"]) ? $_POST["line"] : ''; 
    $value = isset($_POST["value"]) ? $_POST["value"] : ''; 
    $_SESSION['box_'][$line] = $value; 
?>