使用来自多个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>

当我点击“是”时，它将打开第二页。

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); 
?>

返回带有“基准”的第二个AJAX（请参见第A 2页），以“基准”和“ TestaufstellungID”作为变量，应调用下一个Page，并使用填充的变量来更新数据库条目。

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函数获取填充的“基准”。总而言之，它应该是Update，当我单击链接（第A 1页）我的DB条目时，它带有从SQL查询（第一个Ajax调用（第A 2页）获得的填充的“基准”）页面B 3）返回第二个AJAX调用（页面A 2），而不是数据：{TestaufstellungID:TestaufstellungID, Datum: Datum} 返回最后一页（页面B 4）

但是它并没有像我这样一步一步地更新我的数据库条目，我认为这是可以做到的。

封装的SQL代码可以正常工作。使用“代码header('Content-type: application/json');”时，当我单击（页面A 1）中的链接时，浏览器告诉我以下内容

SyntaxError：JSON.parse：JSON数据的第1行第1列出现意外字符

这就是为什么我将所有步骤都放在一个点上的原因，我认为变量未直接传递到下一页，或者它们为空，因为未按正确的顺序执行代码服务器/客户端PHP / JS或异步问题...控制台.log什么也没告诉我。目前我不知道从哪里开始调试？

希望可以有人帮帮我。谢谢

编辑：我很确定ajax调用是空的，但我看不到在哪一步中值变得空

Edit2： AJAX呼叫为空或未启动。进一步的调查：Ajax提醒我错误部分有空异常，不要提醒我成功部分。因此它不会转到该页面ma_get-TesterID_Testende.php，也不会返回Datum。无法启用跨站点脚本是问题吗？

但是在另一个Page中，类似的Ajax Call可以正常工作。

$(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如何工作，应如何执行我的应用程序。

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

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

Answer 1

一种替代方法是使用 $_SESSION 超全局变量；我提供它是因为这个问题被标记为 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 对象。同时，响应可以以 JSON 格式为您提供每个 $_SESSION['step'] 值。

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

这样，考虑到是一个“一步一步”的过程，您可以选择在每个步骤中保存更新的 json_encode() 对象，或者使用会话超全局仅在过程完成时保存它，考虑所有“步骤”数组或只是相关值，在本例中为用户 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