执行计算服务器端和客户端


Performing calculation server and client side

我有三个变量。两个是数据库中的服务器端:

$base_duration = $arr['adzone_buyandsell_duration']

$base_price = $price['price']

两者都是int.第三个是用户输入:<input type="text" name="duration" value="">我需要执行这样的计算:$cal_price = $base_duration / $base_price * user_input我需要能够传递$cal_price,以便能够向用户收取正确的价格。我对 php 相当熟悉,但不知道如何实时执行此计算,而不是在提交表单时执行此计算。

当前两个值仅在加载或重新刷新页面时更改时,不需要 AJAX 调用。

将以下代码添加到您的页面:

<script>
$('document').ready(function(){
       $('#duration').change(function(){
          var base_duration = <?= $arr['adzone_buyandsell_duration'] ?>;
          var base_price    = <?= $price['price'] ?>;
          var userInput     = $('#duration').val();
          var cal_price     = base_duration / base_price * userInput;
          $('#calPrice').html(cal_price); 
       });
});
</script>

它会将计算结果添加到具有 id calPrice的div 中,您必须为输入字段提供 id duration

我创建了一个 jsFiddle 供您查看代码的全部荣耀。我只是为您的 php 变量使用了虚拟数据。

https://jsfiddle.net/03e3t137/

确保通过在<head>中添加以下行来在页面上添加 jQuery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>