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

Question

我有一个问题，我想从 mysql 数据库获取一些数据(这不是问题)。 假设我想要“Ticketkosten”列中的所有数据

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

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

我现在拥有的 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 元素(隐藏或不隐藏)。它包含一个带有数据库值的数据属性。