如何自动计算价格和数量然后显示结果？ AJAX PHP答案

【问题标题】：how to auto calculate price and quantity and then display the result? AJAX PHP如何自动计算价格和数量然后显示结果？ AJAX PHP
【发布时间】：2019-02-07 00:00:55
【问题描述】：

我正在创建这个简单的项目，其中包括自动计算价格和数量，然后仅在触发、设置或选择两个

这是我的 HTML 代码：

<form method="post">
    <select name="days">
        <option value="2">2 days</option>
        <option value="3">3 days</option>
    </select>
    <select name="persons">
        <option value="2">2 persons</option>
        <option value="4">4 persons</option>
        <option value="6">6 persons</option>
        <option value="8">8 persons</option>
    </select>
</form>

假设在我的数据库

第 2 天 == 1000

第 3 天 == 2000

这是我的 PHP 代码：

if(isset($_POST['submit'])) {

    $days     = $_POST['days'];
    $persons  = $_POST['persons'];

    // get database of the 'price' from rates tbl 
    $sql = "SELECT * FROM rates WHERE duration='$days'";
    $res = mysqli_query($conn,$sql);

        $rates_tbl = mysqli_fetch_assoc($res);

    $rates = $rates_tbl['price'];

    $total_price = ($rates*$persons);

    echo 'total: ' . number_format($total_price) . '.00';

}

我应该使用这种类型的 ajax 吗？我什至不知道这是否正确。

    <script type="text/javascript"> 
       $.ajax({  
            url:"autocalculate.php",  
            method:"POST"
       }) 
    </script>

【问题讨论】：

请阅读SQL injection。不要使用字符串连接构建查询，而是使用prepared statements 和bound parameters。请参阅 this page 和 this post 了解一些很好的示例。
示例：stackoverflow.com/questions/40235983/ajax-method-not-working/…

标签： php jquery html ajax

【解决方案1】：

如果目标是在屏幕上显示值，您可以使用它。

<form method="post">
<select name="days">
    <option value="2">2 days</option>
    <option value="3">3 days</option>
</select>
<select name="persons">
    <option value="2">2 persons</option>
    <option value="4">4 persons</option>
    <option value="6">6 persons</option>
    <option value="8">8 persons</option>
</select>

和你的 jQuery 脚本

    var readyToCalculate = false;
var optionChanges = 0;
$('select').on('change', function (e) {
   if(readyToCalculate==true){
        calculate();
   } else {
    optionChanges ++;   
    if (optionChanges==2){
    readyToCalculate = true;
    calculate();
    }
   }
});

function calculate(){

var val1 =  parseInt($('select[name=days]').val());
var val2 =  parseInt($('select[name=persons]').val());
var result = (val1 + val2);
$(".results").html(result);
}

【讨论】：