javascript - 在多个 PHP 页面上使用来自 AJAX 函数的填充变量更新 SQL 查询

Question

我试图就这个问题寻求帮助。

总而言之，问题是:它不会像这样逐步更新我的数据库条目，按照我认为可以完成的方式进行排序。

它有点难以解释，但我尝试用最少且可读的代码逐步解释它。我使用原始代码，很难将其转换为可重现的示例。

A.1 页面ma_aktuelle_ReadOut.php 有一个php部分

 <?php echo "<a href='ma_Testende.php?TestergebnisID=&TestaufstellungID=". $row['TestaufstellungID']."&TesterID=".$row['TesterID']."' title='Test stoppen' data-toggle='tooltip' class='stoppen'>   <span class='glyphicon glyphicon-stop'></span></a>";
?>

当我单击此链接时，将调用以下 javascript 函数并询问我“真的停止吗？”

<script language="JavaScript" type="text/javascript">
$(document).ready(function(){
  $("a.stoppen").click(function(e){
   if(!confirm('Wirklich stoppen?')){
    e.preventDefault();
    $('.alert').show()
    return false;
    }
    return true;
            });
        });
</script>
<style>
 .alert {
  display: none;
    }
</style>

当我单击"is"时，它会打开第二页。

一个 2 页的 ma_Testende.php此页面上有 2 个 AJAX JS 函数。第一个 Ajax 从下一页通过 type:get 请求“Datum”并等待成功(参见第 B 页 3):

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js">

/* function to get Stoptime for Cycle from DB.TesterCycleCount zu erhalten  */ 
$(document).ready(async function(){
var Datum;
var TesterID = "<?php echo $_GET['TesterID']; ?>"; /* value from TesterID */ 
await $.ajax({ /* First Ajax function */
            url: 'ma_get-TesterID_Testende.php',
            type: 'get', 
            data: {TesterID:TesterID}, 
            dataType: 'json',
            success:function(response){ 
                var CID = response['CID'];
                Datum = response['Datum'];
                console.log(response);
            },
             error: function(jqxhtt, status, exception) {
                 console.log(exception);
         alert('Exception:', exception)
            }
        });
console.log();
        var TestaufstellungID = "<?php echo $_GET['TestaufstellungID']; ?>";
         $.ajax({ /* Second Ajax function */
            url: 'ma_TestendeSQL.php',
            type: 'get', 
            data: {TestaufstellungID:TestaufstellungID, Datum: Datum}, 
            dataType: 'json',
            success:function(data){ 
            alert('Successfully called');
     },
     error: function(jqxhr, status, exception) {
         console.log(exception);
         alert('Exception:', exception)
            }
        });
        });
</script>

B 3页ma_get-TesterID_Testende.php

<?php
$cinfo = array(
    "Database" => $database,
    "UID" => $username,
    "PWD" => $password
);
$conn = sqlsrv_connect($server, $cinfo);
                $sqlreadZeit = "Select TOP 1 CID,Datum from DB.dbo.TesterCycleCount where TesterID = '".$_GET['TesterID']."' order by Datum DESC";
                $result1 = sqlsrv_query($conn, $sqlreadZeit);
                $zeiten_arr = array();
                while ($row = sqlsrv_fetch_array($result1, SQLSRV_FETCH_ASSOC)) {
                $CID = $row['CID'];
                $Datum = $row['Datum']->format('d.m.Y h:m:s');
                $zeiten_arr[] = array("CID" => $CID, "Datum" => $Datum);
                                }
    header('Content-type: application/json');
  echo json_encode($zeiten_arr); 
?>

返回“Datum”，调用第二个 AJAX(参见第 A 2 页)使用“Datum”和“TestaufstellungID”作为变量，它应该调用下一页并使用填充的变量更新数据库条目。

B. 4页ma_TestendeSQL.php

<?php
$cinfo = array(
    "Database" => $database,
    "UID" => $username,
    "PWD" => $password
);
$conn = sqlsrv_connect($server, $cinfo);

$TestaufstellungID = $_GET['TestaufstellungID'];
$Testende= $_GET['Datum'];
$Testdatum = date('Y-d-m');

$stop = $connection->prepare("WITH UpdateTestende AS (
  SELECT TOP 1  * from DB.dbo.Testergebnisse 
  WHERE TestaufstellungID = :TestaufstellungID
  ORDER BY TestergebnisID DESC 
)
update UpdateTestende 
set Testende = :Testende,
Datum = :Testdatum");
$stop->execute(array(':TestaufstellungID' => $TestaufstellungID, ':Testdatum' => $Testdatum, ':Testende' => $Testende));

    header('Content-type: application/json');
?>

php 变量 $Testende 从 Ajax 函数中获取填充的“Datum”。总而言之，最后应该是更新，当我单击链接(第 A 页)时，我的数据库条目带有填充的“数据”，这是我从 SQL 查询的第一个 Ajax 调用(第 A 页 2)中获得的( Page B 3) 回到第二个 AJAX 调用 ( Page A 2 ) 比数据: {TestaufstellungID:TestaufstellungID, Datum: Datum} 到最后一页 ( Page B 4)

但它并没有像这样逐步更新我的数据库条目，按照我认为可以完成的方式进行排序。

封装后的 SQL 代码运行良好。使用代码 header('Content-type: application/json'); 当我单击来自 ( Page A 1 ) 的链接时，浏览器会告诉我以下内容

语法错误:JSON.parse:JSON 数据第 1 行第 1 列出现意外字符

这就是为什么我发布了所有的步骤，我认为有一点变量没有传递到下一页或者它们是空的，因为代码没有以正确的顺序执行服务器/客户端 PHP/JS 或异步问题.. .console.log 什么也没告诉我。目前我不知道从哪里开始调试？

希望有人能帮助我。谢谢

编辑:我很确定 ajax 调用是空的，但我没有看到值在哪一步变空

编辑2:AJAX 调用为空或未启动。进一步调查:Ajax 以空异常提醒我错误部分，不提醒我成功部分。所以它不会转到页面 ma_get-TesterID_Testende.php 或者它不会返回 Datum 。无法启用跨站点脚本是问题所在吗？

但在另一个页面中，类似的 Ajax 调用工作正常。

$(document).ready(function(){

var TesterID = "<?php echo $_GET['TesterID']; ?>"; /* value der Tester erhalten */ 

        $.ajax({ /* AJAX aufrufen */
            url: 'ma_get-TesterID.php',
            type: 'get', /* Methode zum übertragen der Daten */
            data: {TesterID:TesterID}, /* Daten zu übermitteln */
            dataType: 'json',
            success:function(response){ /* Die zurückgegebenene Daten erhalten */

                var len = response.length;

                $("#Teststart").empty(); /* Die erhaltenden Daten werden bei der ID angezeigt */
                for( var i = 0; i<len; i++){
                    var CID = response[i]['CID'];
                    var Datum = response[i]['Datum'];

                    $("#Teststart").append("<option value='"+Datum+"'>"+Datum+"</option>");

                }
            }
        });


    $("#TesterID").change(function(){ /* Wenn du änderst und vom Select Feld auswählst */
        var TesterID = $(this).val(); /* value der Tester erhalten */ 

        $.ajax({ /* AJAX aufrufen */
            url: 'ma_get-TesterID.php',
            type: 'get', /* Methode zum übertragen der Daten */
            data: {TesterID:TesterID}, /* Daten zu übermitteln */
            dataType: 'json',
            success:function(response){ /* Die zurückgegebenene Daten erhalten */

                var len = response.length;

                $("#Teststart").empty(); /* Die erhaltenden Daten werden bei der ID angezeigt */
                for( var i = 0; i<len; i++){
                    var CID = response[i]['CID'];
                    var Datum = response[i]['Datum'];

                    $("#Teststart").append("<option value='"+Datum+"'>"+Datum+"</option>");

                }
            }
        });
    });

});

在此示例中，当我更改下拉选择表单中的值时，Ajax 调用开始。有区别吗？

这个 Ajax 应该如何工作我尝试在我的其他问题中逐步解释我的应用程序应该如何执行。

Update SQL Query with populated variables from AJAX functions over multiple PHP Pages

编辑 3:JQuery 版本: https://code.jquery.com/jquery-3.4.1.js

Answer 1

一种替代方法是使用 $_SESSION superglobal；我提供它是因为这个问题被标记为 PHP 而不是 AJAX/JSON，并避免 JSON 值或数组的编码解码常见问题。如果可以，请更改策略并使用客户端广播数据并在错误响应事件中停止正常流。

通过启动 session_start()，您可以在 $_SESSION 中使用内部临时数组来附加/分离分步数据，在本例中为“step”数组，如下所示:

<?php
// step 1
$_SESSION['step'][1]['TesterID']            = 64;
$_SESSION['step'][1]['var2']                = 'bar';
// step 2
$_SESSION['step'][2]['TestaufstellungID']   = 65;
$_SESSION['step'][2]['var4']                = 100;
$_SESSION['step'][2]['var5']                = 256.04;
?>

当您通过 AJAX 发送数据时，无需将其转换为 JSON，因为您可以使用 $_POST 对象。同时，response可以给你每个$_SESSION['step']的JSON格式的值。

<?php
header("Content-type:application/json")
// conditions goes here
if ( $conditions == true ) {
    echo json_encode($_SESSION['step']);
}
?>

这样，考虑到是一个“一步一步”的过程，你可以选择在每一步都保存一个 json_encode() 对象更新，或者使用 session superglobal 只在过程完成时保存它，考虑到所有“步骤”数组或者只是相关值，在这种情况下为用户 ID

https://www.php.net/manual/es/reserved.variables.session.php

https://www.php.net/manual/es/function.session-id.php

https://www.php.net/manual/es/function.json-encode.php