Question

由于dianuj的大力帮助，我昨天解决了我的Ajax循环问题。点击here！

每次更改输入区域中的数字时，解决方案都可以帮助我发送和获取数量变量（class =“qty”）。

现在我想修改我的Ajax和PHP循环以获得“总”变量（数量*价格）。我试图通过设置一个带有价格值的“隐藏”输入区来获得“价格”变量。（请参阅下面附带的脚本）。脚本获取数量变量（class =“qty”）和价格（class =“价格“）没有问题。

但是，当我输入不同的数量时，脚本只选择第一个价格并乘以我更改的数量。

例如，我在函数中有三个项目有三个不同的价格： 1.苹果$ 1 x1 2.橙色10美元x3 香蕉$ 2 x4

脚本结果将显示$ 1 *（2 + 3 + 4）而不是正确的$ 1 * 2 + $ 10 * 3 + $ 2 * 4 （ajax脚本仍然可以获得价格和数量的变量而没有问题）。

我的Ajax和PHP循环如下，似乎他们可以获得并发送数量和价格变量而没有问题（但只有第一项的固定价格）：

<script language="JavaScript">
$(document).ready(function() {
       $("form").mouseleave( function() {

 //get qty value and price value from the loop

var totalVal =0;
$( ".qty" ).each(function() {
  totalVal += ($(this).val()*$(".price").val()); 
});      

      // get 
        $.ajax({
        type: 'GET',
        url:  'getSunBody.php',
        data: { 
              //sent the total variable to php script (xml)
              total : totalVal,
                 }, 
        success: function(data) {
           // get XML value
           $('#result').html($(data).find('total').text()); 
           $('#result1').html($(data).find('caution').text());   

        } 
      });    
      return false;
   });

   });
</script> 
</head>

<body>
<div id="display">
<form action="sessionCartUpdate.php">
<table width="780" border="0" align="center" cellpadding="4" cellspacing="0">
<?php
foreach( $_SESSION["psn"] as $i => $data ){
?>

<input type="hidden" name="psn" value="<?php echo $_SESSION["psn"][$i];?>">
<tr>
  <td bgcolor="#CCCCCC" font color="black"><?php echo $_SESSION["psn"][$i];?></td>
  <td bgcolor="#CCCCCC"><?php echo $_SESSION["pname"][$i];?></td>
  <td bgcolor="#CCCCCC"><?php echo $_SESSION["price"][$i];?></td>
  <td bgcolor="#CCCCCC"><input type="text" class="qty" name="qty[]" value="<?php echo $_SESSION["qty"][$i];?>"></td>

    <input type="hidden" class="price" value="<?php echo $_SESSION["price"][$i];?>" >

  <td bgcolor="#CCCCCC"><input type="submit" name="btnUpdate" value="update" />
      <input type="submit" name="btnDelete" value="delete" />
      </td>
</tr><br />

<?php
}
?>
<tr><td colspan="5" align="center">the total:<div id="result" class="box" style="height=350px;"></div><div id="result1" class="box" style="height=350px;"></div>
<div id="result2" class="box" style="height=350px;"></div></td></tr>
</table>
</form>

我还包括我的php脚本，如上面的ajax脚本用作xml：

<?php
// XML
header("Content-Type: text/xml");
header("Content-Type:text/html; charset=utf-8");

//get total value ("qty * price") from the ajax

$total = (isset($_POST["total"]) ) ? $_POST["total"] : $_GET["total"];

echo "<?xml version=\"1.0\" ?>";

echo "<caculation>"; 

echo "<total>" . $total . "</total>";


if ($total==0)
    echo "<caution>"."please put number!"."</caution>";
    else if ($total<=500)
    echo "<caution>"."You should buy more!"."</caution>";
    echo "";

echo "</caculation>";

?>

我非常感谢你能提供宝贵的建议来帮助我修复上述错误！

Answer 1

问题是.each循环是针对数量而不是价格所以它是选择第一个价格，因为循环是针对数量而不是你应该做的事情的价格

<script language="JavaScript">
$(document).ready(function() {
       $("form").mouseleave( function() {

 //get qty value and price value from the loop

var totalVal =0;
$( ".qty" ).each(function(i) {
  totalVal += ($(this).val()*$(".price:eq("+i+")").val()); 
});      

      // get 
        $.ajax({
        type: 'GET',
        url:  'getSunBody.php',
        data: { 
              //sent the total variable to php script (xml)
              total : totalVal,
                 }, 
        success: function(data) {
           // get XML value
           $('#result').html($(data).find('total').text()); 
           $('#result1').html($(data).find('caution').text());   

        } 
      });    
      return false;
   });

   });
</script>

使用.each循环的索引并获取该索引的价格我使用了jquery选择器:eq(index here)，我相信每个数量都会有价格值

Answer 2

我还没有确认以下代码，但它至少应该让你走上正确的轨道

var totalVal =0;
$('.qty').each(function() {
    var price = $(this).closest('tr').find('.price').val();
    totalVal += ($(this).val()*price);
});

从PHP foreach循环中获取Ajax变量（第二部分）

2 个答案: