PHP, Javascript 获取 mysql 数据并在 javascript 中进行计算

Question

我有问题，我想从 mysql 数据库中获取一些数据（这不是问题）。假设我想要 "Ticketkosten"

列中的所有数据

$result = $wpdb->get_results( "SELECT * FROM prijzen");
foreach ( $result as $print ) { 
   $ticketkosten = $print->Ticketkosten;
}

然后我想获取所有这些数据并将所有数据从 "Ticketkosten" 传递给 javascript 函数，然后进行计算并显示最终价格。我想这样做的原因是因为我使用 "combobox" 并且当我更改此框中的值时，必须再次实时进行计算。

我现在的javascript密码是：

var aantal_boekingen= new Array();
 aantal_boekingen["option1"]=1;
 aantal_boekingen["option2"]=2;
 aantal_boekingen["option3"]=3;
 aantal_boekingen["option4"]=4;
 aantal_boekingen["option5"]=5;

var ticketkosten = 12; //THIS SHOULD BE THE MYSQL "TICKETPRIJZEN" DATA

var boekingskosten = 1;

var transactiekosten = 0.29;


function boekingen() {
    var aantalBoekingen=0;
    var theForm = document.forms["vergelijk_form"];
     var selectedBoekingen = theForm.elements["aantal_boekingen"];

    aantalBoekingen = aantal_boekingen[selectedBoekingen.value];

    return aantalBoekingen;
}

function calculateTotal() {
    var ticketprijs = ticketkosten + ((boekingskosten + transactiekosten) / boekingen());
    var totaalPrijs = ticketprijs / boekingen();

    var x = document.getElementsByClassName("totalPrice");
    var i;
    for (i = 0; i < x.length; i++) {
        x[i].innerHTML = "€"+totaalPrijs.toFixed(2);
    }
}

你看到的ticketkosten现在是硬编码的，我要的是这个ticketkosten变量变成数据库的数据。

javascript 代码现在可以使用，但我不希望它被硬编码。

简而言之：我想从数据库中获取价格 "Ticketkosten"，然后将其从 php 传递到 javascript 并使用这些价格进行计算。

谁能帮帮我？我现在卡了一个多星期了。

Answer 1

有很多解决方案。

您的 JavaScript 代码在哪里？在 PHP 文件中？在 JS 文件中 ?

如果它在 PHP 文件中，您可以这样做：

var ticketkosten = <?= $ticketkosten ?>;

其中 $ticketkosten 是您数据库中的值。

如果你在一个JS文件中。您可以像这样从数据属性中获取值：

var ticketkosten = document.getElementById('oneDomElement').getAttribute('data-ticketkosten');

其中 oneDomElement 可以是您想要的任何 HTML 元素（隐藏或不隐藏）。它包含一个 data-attribute 和来自数据库的值。

PHP, Javascript 获取 mysql 数据并在 javascript 中进行计算

PHP, Javascript Get mysql data and make calculation in javascript

javascript

php

mysql

arrays

calculation