AJAXが2回目の投稿に投稿する投稿

Question

私はAjaxと組み合わせてデータを投稿するためのフォームを作っていました。以下はそれに関連するすべてのコードです。問題は、フォームを記入して送信するときに、最初のクリックでXHRリクエストが行われ、成功したコールバックが返され、ボタンが完了したことに変わります。

しかし、結果はデー​​タベースに表示されません。もう一度[送信]ボタンをクリックすると、別のXHRリクエストが送信されます。これを引き起こす原因は何ですか？ありがとう！

// Method for updating the post in User.php 
    public function updatePost($id, $title, $content){ 
      $query1 = $this->conn->prepare("UPDATE posts SET post_title=:post_title, post_content=:post_content WHERE post_id=:post_id"); 
      $query1->bindparam(":post_title", $title); 
      $query1->bindparam(":post_content", $content); 
      $query1->bindparam(":post_id", $id); 
      try { 
       $query1->execute(); 
      } catch (Exception $e) { 
       echo $e->getMessage(); 
      } 

     } ?> 
// Backend for the authenication and validation (where the form posts to) 
<?php 
    session_start(); 
    require_once("../User.php"); 
    $login = new User(); 
    $errors = []; 
    $post_title = $_POST['post-title']; 
    $post_content = $_POST['post-content']; 
    $post_id = $_POST['post-id']; 

    if(isset($post_title) && isset($post_content) && isset($post_id)){ 
     if(empty($post_title)){ 
      $errors[] = "The entered title is invalid in some way."; 
     } 
     elseif (empty($post_content)) { 
      $errors[] = "The entered content is invalid in some way."; 
     } 
     elseif(empty($post_id)){ 
      $errors[] = "An internal error has occured, please contact the system administrator."; 
     } 
     else{ 
      try { 
       if(!$login->updatePost($post_id, $post_title, $post_content)){ 
        echo "allrighty"; 
       } 
       else{ 
        echo "charliewegotaproblem"; 
       } 
      } catch (Exception $e) { 
       echo $e->getMessage(); 
      } 

     } 
    } 

?> 
// JS for the Ajax request itself 
$("form").submit(function(evt){ 
    evt .preventDefault(); 
    var url   = $(this).attr("action"); 
    var formData = $(this).serialize(); 

    $.ajax(url, { 
     data: formData, 
     type: "POST", 
     success: function(response){ 
      if(response == "allrighty"){ 
       $(".update-submit").prop("value", "Done!") 
      } 
      else if (response == "charliewegotaproblem") { 
       $(".update-submit").prop("value", "Something went wrong...") 
      } 
     } 
    }); // Ajax OBJECT END; 
});// Submit END 

Answer 1

<?php 

==>まずリターン成功メッセージ、ポスト更新クエリはupdatePost機能で正常に実行された場合

// Method for updating the post in User.php 
public function updatePost($id, $title, $content){ 
    $success = false;   // Here I changed the code 
     $query1 = $this->conn->prepare("UPDATE posts SET post_title=:post_title, post_content=:post_content WHERE post_id=:post_id"); 
     $query1->bindparam(":post_title", $title); 
     $query1->bindparam(":post_content", $content); 
     $query1->bindparam(":post_id", $id); 
     try { 
      $query1->execute(); 
    if($query1){ $success = true; }  // Here I changed the code 
     } catch (Exception $e) { 
      echo $e->getMessage(); 
     } 
    return $success; 
    } 

==>今ここで$ログインがよりのみよりも、trueを返した場合"allrighty"が返されます

// Backend for the authenication and validation (where the form posts to) 

session_start(); 
require_once("../User.php"); 
$login = new User(); 
$errors = []; 
$post_title = $_POST['post-title']; 
$post_content = $_POST['post-content']; 
$post_id = $_POST['post-id']; 

if(isset($post_title) && isset($post_content) && isset($post_id)){ 
    if(empty($post_title)){ 
     $errors[] = "The entered title is invalid in some way."; 
    } 
    elseif (empty($post_content)) { 
     $errors[] = "The entered content is invalid in some way."; 
    } 
    elseif(empty($post_id)){ 
     $errors[] = "An internal error has occured, please contact the system administrator."; 
    } 
    else{ 
     try { 
      if($login->updatePost($post_id, $post_title, $post_content)){ // Here I changed the code 
       echo "allrighty"; 
      } 
      else{ 
       echo "charliewegotaproblem"; 
      } 
     } catch (Exception $e) { 
      echo $e->getMessage(); 
     } 

    } 
} 
?>