使用 XMLHttp 更新数据库后，Javascript 没有从 MySQL 中提取正确的数据

Question

newNet.php 运行并正确创建新条目。 netID 变量是一个自动增量，因此它是自动创建的。我的目标是检索它并在showActivities() 函数中使用它来显示刚刚创建的记录。例如，它应该像这样解决； showActivities(55);

问题是SQL总是返回netID、54而不是55的前一个值；如果我说echo $result + 1;然后，根据页面来源，它显示showActivities 函数中正在解析正确的数字，但该函数找不到并返回数据。但是看看已经成功插入的数据库。

所以一步一步来：

1. newNet.php 运行，它将记录添加到 MySQL 数据库
2. 获取刚刚在#1 中创建的netID 值
3. 将它传递给showActivities()，它会在页面上显示它。

我怎样才能在这里得到我想要的东西？似乎数据库没有足够快地更新以适应来自showActivities() 的请求，这可能吗？

 function newNet(str) {
   str = str;
     var xmlhttp = new XMLHttpRequest();
     xmlhttp.onreadystatechange = function() {
       if (xmlhttp.readyState === 4 && xmlhttp.status === 200) {
         document.getElementById("status").innerHTML = xmlhttp.responseText;
     }}

     xmlhttp.open("POST", "newNet.php", true);
     xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
     xmlhttp.send("q="+str);

     showActivities(<?php $stmt=$db_found->prepare("select max(netID) as netID from netLog limit 1");
       $stmt->execute();
       $result=$stmt->fetchColumn();
       echo $result;
     ?>);
 }

Answer 1

这里有两个问题：

1. 正如我在评论中所说，您的问题与 AJAX 的异步特性有关。该请求实际上需要时间来处理。但是您的代码将立即开始执行showActivities，因此请求不会返回任何结果，因为那仍然是“烘焙”。

2. 您的 PHP 代码在页面加载时呈现。所以旧值将从数据库中加载。在页面加载时它将是54。您可以触发该 Ajax 请求十次，并且 netID 仍将是 54，因为 PHP 是在服务器端而不是客户端运行的。

如何解决这个问题：

你有一个xmlhttp.onreadystatechange 函数，它监听请求并在每次完成一个步骤时触发。这称为 回调 函数。在第 4 步，比萨饼做好了，200 表示它没有烧焦，实际上看起来不错。当状态为这种数据时返回，可以访问。

 var xmlhttp = new XMLHttpRequest();
 xmlhttp.onreadystatechange = function() {
   if (xmlhttp.readyState === 4 && xmlhttp.status === 200) {
     document.getElementById("status").innerHTML = xmlhttp.responseText;
     //execute all relevant code that needs data from server from here.
     showActivities(xmlhttp.responseText);
 }}

在newNet.php 中，您应该执行现在位于showActivities() 参数位中的PHP 代码。在脚本完成对数据库的插入后执行此操作。

   $stmt=$db_found->prepare("select max(netID) as netID from netLog limit 1");
   $stmt->execute();
   $result=$stmt->fetchColumn();
   echo json_encode($result);

您可以json_encode 结果。这样，它就会作为 JSON 打印到页面上。我们可以将此变量加载到 JavaScript 变量中。

function showActivities(data)
{
   //remember data is a JSON string, time to convert it into JavaScript
   var netID = JSON.parse(data);
   alert(netID); //should show the highest netID
}

了解更多：

• JSON
• Asynchronous calls 用于披萨参考和更精细的方法here
• XMLHttpRequest

总结一下

• PHP 总是在页面加载之前运行，如果不重新加载页面就无法再次运行。为此，XMLHttpRequest 被发明了。
• XMLHttpRequest 需要时间来完成，必须使用 回调 来处理其结果。