将两个数字相加,然后使用php和ajax与另一个相乘

时间:2016-02-24 09:20:32

标签: php jquery ajax

每当密钥在这三个数字的文本框中发生时,我试图添加两个数字而不是另一个数字。我试图使用PHP和ajax这样做。我的附加代码是:

我的HTML代码:

<form method="post">
  adult <input type="date" name="adult" id="adult" class="counter">
  child <input type="date" name="child" id="child" class="counter">
  amount <input type="date" name="amount" id="amount" class="counter">
</form>
<div id="showTotal"></div>

我的jquery代码:

 $(document).ready(function(){
  $(".counter").on('change keyup paste', function(e)
  {
   var number =
    {
        numad:$("#adult").val(),
        numch:$("#child").val(),
        numamo:$("#amount").val(),
        is_ajax:1
    };
    $.ajax(
    {
       type:"post",
       url:"process.php",
       data: number,
       dataType:"json",
       success:function(counter)
       {
           $("#showTotal").html(counter);
       }
    });
    return false;
   });
  }); 

process.php页面:

<?php
 if(isset($_POST["numad"],$_POST["numch"],$_POST["numamo"]))
 {
   $adultnum = $_POST["numad"];
   $childnum = $_POST["numch"];
   $amountnum = $_POST["numamo"];

   $addtotal = $adultnum + $childnum * $amountnum;
   echo json_encode($addtotal);
 }

?>

此代码无效

1 个答案:

答案 0 :(得分:0)

跳过PHP并仅使用JavaScript执行:

.....
var total = $("#adult").val() + $("#child").val() * $("#amount").val();
$("#showTotal").html(parseInt(total));
.....