爲什麼我的php代碼不能在表單提交時觸發？

Question

我會解釋我的代碼，然後在代碼片段後繼續解決問題：

我有一個叫做「functions_questions」的窗體。提交時，以下代碼根據當前分數增加或減少我的sql數據庫中的一列（標題爲「分數」）（標題爲「答案」）。

<?php 
    $id = $_SESSION['id']; 

    if(isset($_POST['functions_question'])){ 

    $res = $db->query("SELECT score FROM answers WHERE id=$id"); 
    $data = $res->fetch_array(); 

    if($data['score']<2)$db->query("UPDATE answers SET score = score+1 WHERE id=$id"); 

    if($data['score']>1)$db->query("UPDATE answers SET score = score-1 WHERE id=$id"); 

    } 

?> 

我也有以下的AJAX代碼，當提交表單時，它會自動更改div（id =「ajaxtest」）中的文本。當然，這樣做不會刷新頁面，因爲它使用AJAX。

<script type='text/javascript'> 

$(document).ready(function() { 
$('#questionform').on('submit', function(e) { 
    e.preventDefault(); 
    $.ajax({ 
     url : $(this).attr('action') || window.location.pathname, 
     type: "POST", 
     data: $(this).serialize(), 
     success: function (data) { 

ajaxtest.innerHTML = '"<?php echo $data['score']; ?>"'; 

      }, 
     }); 
    }); 
}); 
</script> 

最後，我有以下一段代碼，它顯示了標題爲「答案」的數據庫中標題爲「分數」的列中的值。

<?php 
$resss = $db->query("SELECT * FROM answers WHERE id=$id"); 
$data = $resss->fetch_array(); 
var_dump($data['score']); 
?> 

當我提交我的表單時，我可以在數據庫中看到管理員的分數已更新。 AJAX代碼將div（ajaxtest）更改爲$ data ['score']，但會顯示更新前的前一個分數，而不是新更新的分數。我如何修改這個以便ajaxtest顯示更新的分數而不是非更新的分數？

Answer 1

嗯，這是因爲語句ajaxtest.innerHTML = '"<?php echo $data['score']; ?>"';在文件送達後立即進行評估，因此轉換爲ajaxtest.innerHTML = <score when file was served>';。

如果您想要顯示新值，那麼您需要使用另一個異步請求（通常稱爲AJAX調用）來檢索它，或者返回代碼中的值來管理呼叫並使用它數據參數：

EDIT

JS：

$(document).ready(function() { 
    $('#questionform').on('submit', function(e) { 
     e.preventDefault(); 
     $.ajax({ 
      url : $(this).attr('action') || window.location.pathname, 
      type: "POST", 
      data: $(this).serialize(), 
      success: function (data) { 
       ajaxtest.innerHTML = data; 
      }, 
     }); 
    }); 
}); 

PHP：

<?php 
    $id = $_SESSION['id']; 

    if(isset($_POST['functions_question'])){ 

     $res = $db->query("SELECT score FROM answers WHERE id=$id"); 
     $data = $res->fetch_array(); 

     if($data['score'] < 2) 
      $db->query("UPDATE answers SET score = score+1 WHERE id=$id"); 

     if($data['score'] > 1) 
      $db->query("UPDATE answers SET score = score-1 WHERE id=$id"); 
     $res = $db->query("SELECT score FROM answers WHERE id=$id"); 
     $data = $res->fetch_array(); 

     echo $data['score']; 
    } 

它是這樣的：

1. 文件送達，並在其所有的PHP語句進行評估，將響應發送到客戶端
2. AJAX請求到服務器
3. 服務器處理請求
4. AJAX收到回覆（數據）
5. 您使用回覆數據

您可以通過啓用開發人員工具（通常是ctrl + shift + i）並在「網絡」選項卡中啓用XHR來檢查Chrome中AJAX請求的結果。

Answer 2

只是下面改變你的PHP代碼： -

<?php 
    $id = $_SESSION['id']; 

    if(isset($_POST['functions_question'])){ 

     $res = $db->query("SELECT score FROM answers WHERE id=$id"); 
     $data = $res->fetch_array(); 

     if($data['score']<2)$db->query("UPDATE answers SET score = score+1 WHERE id=$id"); 

     if($data['score']>1)$db->query("UPDATE answers SET score = score-1 WHERE id=$id"); 

     $res = $db->query("SELECT score FROM answers WHERE id=$id"); 
     $data = $res->fetch_array(); 

    } 

?> 

它可以幫助你。

我只是在更新新記錄後得分。