ajaxエラー処理でPHPフォームの検証を追加する方法

Question

ajaxで検証とPHPエラー処理を追加する方法を教えてください。これで成功メッセージが正しく出てきますが、エラーメッセージをどのように実装できますか？私はいくつかのPHPの検証を追加する必要があります助けてください。

私のJSです。

$('#edit_user_form').bind('click', function (event) { 
    event.preventDefault();// using this page stop being refreshing 
    $.ajax({ 
    data: $(this).serialize(), 
    type: $(this).attr('method'), 
    url: $(this).attr('action'), 

    success: function() { 
    $(".msg-ok").css("display", "block"); 
    $(".msg-ok-text").html("Profile Updated Successfully!!"); 
    }, 
    error: function() { 
    //Error Message   
    } 
    }); 
}); 

PHP

<?php 
require_once 'db_connect.php'; 
if($_POST) { 
    $fname = $_POST['fname']; 
    $lname = $_POST['lname']; 
    $index_no = $_POST['index_no']; 
    $contact = $_POST['contact']; 

    $id = $_POST['id']; 

    $sql = "UPDATE members SET fname = '$fname', lname = '$lname', index_no = '$index_no', contact = '$contact' WHERE id = {$id}"; 
    if($connect->query($sql) === TRUE) { 
     echo "<p>Succcessfully Updated</p>"; 
    } else { 
     echo "Erorr while updating record : ". $connect->error; 
    } 
    $connect->close(); 
} 
?> 

Answer 1

Ajaxはステータス・コードのベースのエラーを識別し、あなたがその500ない限り、PHPコードのエラーを取得する場合でも、あなたのPHPコードは常に、成功であるステータスコード200を返します。アヤックスはレスポンスを成功として扱います。

あなたは、PHPのエラーを処理してコード

<?php 
require_once 'db_connect.php'; 
if($_POST) { 
    $fname = $_POST['fname']; 
    $lname = $_POST['lname']; 
    $index_no = $_POST['index_no']; 
    $contact = $_POST['contact']; 

    $id = $_POST['id']; 

    $sql = "UPDATE members SET fname = '$fname', lname = '$lname', index_no = '$index_no', contact = '$contact' WHERE id = {$id}"; 
    if($connect->query($sql) === TRUE) { 
     echo "true"; 
    } else { 
     echo "false"; 
    } 
    $connect->close(); 
} 
?> 


$('#edit_user_form').bind('click', function (event) { 
    event.preventDefault();// using this page stop being refreshing 
    $.ajax({ 
    data: $(this).serialize(), 
    type: $(this).attr('method'), 
    url: $(this).attr('action'), 

    success: function (res) { 
    if(res == 'true') { 
      //success code 
    } else if(res == 'false') { 
      //error code 
    } 

    }, 
    error: function() { 
    //Error Message   
    } 
    }); 
});