Ajax 发布总是相同的值

Question

我正在处理通过 PHP 回显从数据库中检索并需要通过 Ajax 发布值的按钮组。这是关于创建产品主组、子组和产品的简短内容。

这是创建和列出按钮的代码：

 echo '
<a class="altgrup_al">
<input type="hidden" name="data_id" id="data_id" value="1">
<input type="hidden" name="san_RECno" id="san_RECno" value="'.$san_RECno.'">
<button type="button" class="btn btn-mini btn-primary" style="margin-
left:5px; margin-bottom:5px; height:80px; width:80px; white-
space:normal;">'.$san_isim.'</button></a>';

这是发布的ajax代码：

<script>
$(document).ready(function(){ 
$(".altgrup_al").click(function(e){
    e.preventDefault(); 
  var deger = document.getElementById('data_id').value;
  var sth_fatura_no = document.getElementById('sth_fatura_no').value;
  var san_RECno = document.getElementById('san_RECno').value; 
  $.ajax({ 
    type: "POST", 
    url: "altgrup_al.php", 
    data: {deger:deger, sth_fatura_no:sth_fatura_no, san_RECno:san_RECno}, 
    success: function(result){ 
      $("#alt_tablo").html(result); 
    }
   });
    });
   });
  </script>

我也尝试了 data-id 属性，但在任何风格的 ajax 发布中，

var san_RECno = document.getElementById('san_RECno').value;

这个值 = 1。

但是当我列出按钮并显示san_RECno 的值时，每个按钮都会显示自己的id 号。

我的 JavaScript 不够好，所以我需要帮助，为什么总是发布相同的 (1) 身份证号。

谢谢。

Answer 1

第 1 步： 使用动态 ID 制作隐藏文本框（如果您使用循环，则将其计数与相同名称（如：id="data_id+ echo php 变量"）并调用 JS 方法带有像

这样的参数

ONCLICK="saveData($('#data_id+ echo php 变量).val()')"

第 2 步：

function saveData(var dataid)
var deger = dataid;
 $.ajax({ 
    type: "POST", 
    url: "altgrup_al.php", 
    data: {deger:deger}, 
    success: function(result){ 
      $("#alt_tablo").html(result); 
    }
   });

Answer 2

创建和列出按钮的代码：

同时寻找PHP Buttons inside loop

<?php
$inc = 1; //define a varible which increment in loop
loop_start{ //loop like while,for,foreach

echo '
<a class="altgrup_al" data-id="'.$inc.'">
<input type="hidden" name="data_id" id="data_id'.$inc.'" value="1">
<input type="hidden" name="san_RECno" id="san_RECno'.$inc.'" value="'.$san_RECno.'">
<button type="button" class="btn btn-mini btn-primary" style="margin-left:5px; margin-bottom:5px; height:80px; width:80px; white-space:normal;">'.$san_isim.'</button></a>'

$inc++;
}
?>

这是发布的ajax代码：

<script>
$(document).ready(function(){ 
    $(".altgrup_al").click(function(e){
          e.preventDefault(); 
          var id = $(this).data('id');
          var deger = $('#data_id'+id).val();
          var sth_fatura_no = $('#sth_fatura_no'+id).val();
          var san_RECno = $('#san_RECno'+id).val(); 
          $.ajax({ 
            type: "POST", 
            url: "altgrup_al.php", 
            data: {deger:deger, sth_fatura_no:sth_fatura_no, san_RECno:san_RECno}, 
            success: function(result){ 
              $("#alt_tablo").html(result); 
            }
           });
    });
});
</script>

如果您已经有 jquery 库，请使用 jquery 而不是 javascript 来处理 getting input value