1

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

每次更改输入区域中的数字时，该解决方案都会帮助我发送和获取数量变量 (class="qty")。

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

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

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

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

我的 Ajax 和 PHP 循环如下，似乎他们可以毫无问题地获取和发送 qty 和 price 变量（但只有第一个项目的固定价格）：

<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>";

?>

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

4

2 回答 2

0

有一个问题，.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)，我相信每个数量都会有价格值

于 2013-08-10T21:05:23.980 回答
0

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

var totalVal =0;
$('.qty').each(function() {
    var price = $(this).closest('tr').find('.price').val();
    totalVal += ($(this).val()*price);
});
于 2013-08-10T21:08:38.787 回答