1

我目前正在尝试学习 HTML、AJAX、PHP 和 MYSQL。我目前正在构建一个仅供内部使用的 webapp。它似乎可以工作，但现在我在使用 MYSQL 函数的代码中遇到了一些滞后。

这是发生的事情：

首先，我从 sql 数据库中创建了一些“个人资料图像”。像这样通过PHP：

   <?php
    $price = 30;
    $con = mysql_connect('localhost', 'root', 'root');
    if (!$con)
      {
      die('Could not connect: ' . mysql_error());
      }
    mysql_select_db("Og297", $con);
    $result = mysql_query("SELECT * FROM Og297.Drinkers");

    while($row = mysql_fetch_array($result))
        {
        $picture = $row['Picture'];
        $name = $row['Name'];
        $nameup= $name."up";
        $namep= $name."p";

        $Onbetaaldresult = mysql_query("SELECT COUNT(Betaald) AS ob FROM Og297.Bierlijst
        WHERE Betaald='1' AND Name='$name'");
        $Onbetaaldarray= mysql_fetch_array($Onbetaaldresult);
        $Onbetaald= $Onbetaaldarray['ob'];


        $Betaaldresult = mysql_query("SELECT COUNT(Betaald) AS b FROM Og297.Bierlijst
        WHERE Betaald='0' AND Name='$name'");
        $Betaaldarray= mysql_fetch_array($Betaaldresult);
        $Betaald= $Betaaldarray['b'];

    echo "<div onclick=\"addBeer('$name','$price');\" class= 'thumbnail'><img src= $picture height= '90' width= '90' alt= $name title= $name><div class= 'overlay'><span id=$nameup  class='unpaid'>$Onbetaald</span><span id= $namep class='paid'>/$Betaald</span></div></div>";
        }
    mysql_close($con);

    ?>

因此，这为每个用户显示了一个图片 div，除此之外，它还显示跨度与 ID 的付费和未付费（该应用程序用于跟踪我们已经支付了多少啤酒以及还需要支付多少）。这一切都有效:)

接下来我有一些功能；

On 是 addBeer，它会将啤酒添加到表格中，包括该人的姓名。这是通过 Ajax 完成的。

function addBeer (n,p)
{
$.post("AddBeer.php",{naam: n, price: p});
updateBeer(n);
}

因此，在将啤酒插入数据库后，我希望它更新付费和未付费跨度。我通过使用 updateBeer 来做到这一点。

function updateBeer (n) 
{
$.post("UpdateBeer.php",{naam: n},function(data) {
changeInfo(n,data.betaald,data.onbetaald);
},"json");
}

这将返回 Json 对象中已支付和未支付的金额。然后将这些值（包括人名）提供给 changeInfo 函数，它将像这样更新跨度：

function changeInfo(n,b,ob)
{
window.alert("ja");
document.getElementById(n + "up").innerHTML=ob;
document.getElementById(n + "p").innerHTML="/" + b;
}

但是，每次单击图像时信息都不会更新。它落后了，啤酒很难插入，但是跨度的更新却没有发生。怎么来的？

非常感谢您阅读这个巨大的问题！

4

1 回答 1

0

我的代码中的问题是 AJAX 请求异步。因此，在 AJAX 请求完成之前执行脚本的其余部分时会导致问题。诀窍是设置 AJAX 请求以将 Async 设置为 false！

谢谢！

于 2013-01-16T09:28:26.507 回答