Question

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

$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非常熟悉，但不知道如何实时执行此计算，而不是在提交表单时。

Answer 1

当前两个值仅在加载或刷新页面时更改时，不需要进行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中，您必须为输入字段指定标识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>

执行计算服务器和客户端

1 个答案: