是否有使用AJAX處理錯誤的更合適方法？

Question

我從沒在這里問過任何問題，但是有些問題困擾着我。

您看，我在用PHP玩了大約一年。 在學習PHP，JQuery，MySQL等時，我已經做了一個很大的項目-它遠非完美，甚至還沒有完成，但是它有效，並且我一直在嘗試在增加新功能的同時改進現有代碼。 這是一個基於文本的瀏覽器MMORPG游戲（仍在開發中），如果您想要一個鏈接，我會提供，但是我沒有來這里進行宣傳。

事實是，我在程序PHP中感覺還不錯（盡管我仍然在重復代碼方面遇到問題），所以我認為現在是時候轉向OOP了。 我從理論上理解它，知道一些基礎知識，並且在實踐中我正在慢慢地進步，但是在走得太遠之前，我需要您的建議。

在我最初的帶有程序代碼的游戲中，我經常按照以下方式進行操作：

用戶訪問一個頁面，例如shop.php。 在打開站點時，shop.php從數據庫中檢索可購買的商品列表。 該網站上有空白的＃success-message和＃error-message段落。
然后，用戶可以從要購買的商店中選擇一個項目-單擊該項目將觸發javascript，然后對buy-item.php進行AJAX調用，期望返回json
在buy-item.php中，我正在創建一個數組，例如， $ result（“ success” => 0，“ message” =>“”）
buy-item.php檢查玩家是否負擔得起該物品，背包中是否有空間等，以及是否存在一個不滿足的條件，則$ result [“ message”]設置為，例如，“您需要更多金”。 如果滿足所有條件，則將result [“ success”]設置為1，將$ result [“ message”]設置為“購買成功”。 最后，它將json_encode（$ result）回顯到AJAX。
在AJAX 成功中：我檢查if（result.success） ，並采取相應的行動-如果購買成功，我將執行$（“＃error-message”）。html（result.message） ，如果成功，我而是將result.message放在“＃success-message”中（我猜我可以在同一段中同時顯示錯誤和成功消息，但這對我來說更容易分別執行，因為這些消息的樣式不同，例如，成功顏色為綠色，錯誤為紅色）。

現在，這是處理錯誤的正確方法嗎？ 還是應該完全不同地編碼？ 這種方法在OOP中仍然有效嗎？

讓我向您展示這個示例的含義，此刻我正在玩弄（ 為簡單起見，請忘記代碼的安全性甚至有用性 ）：

index.php

<!DOCTYPE html>
<html lang="pl-PL">
    <head>
        <meta charset="UTF-8">
        <script
            src="https://code.jquery.com/jquery-3.2.1.min.js"
            integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
            crossorigin="anonymous">
        </script>
        <script src="script.js"></script>
    </head>
    <body>
        <div id="wrapper">
            <p id="error-message"></p>
            <p id="success-message"></p>
            <form id="registration-form" method="post">
                <input type="text" placeholder="Account Name" name="nickname"></input>
                <input type="text" placeholder="Password" name="password"></input>
                <input type="text" placeholder="E-mail" name="email"></input>
                <button type="submit">Register</button>
            </form>
        </div>
    </body>
</html>

User.php

<?php

class User{        
    //register method
    public function register($nickname, $password, $email){
        $result = array("success" => 0, "message" => "");
        //example validation
        if($nickname==123){
            $result["message"] = "Could not register.";
        }
        else{
            //add user to the database
            //sql code here
            $result["success"] = 1;
            $result["message"] = "Registration successful.";
        }
        return $result;
    }
}

?>

registerProcessing.php

<?php
    require_once 'User.php';

    $user = new User();

    echo json_encode($user->register($_POST["nickname"], $_POST["password"], $_POST["email"]));
?>

script.js

$(function() {

    $("#wrapper").on("submit", "#registration-form", function(e){
        e.preventDefault();
        $.ajax({
            type: "POST",
            url: "registerProcessing.php",
            data: $("#registration-form").serialize(),
            dataType: "json",
            success: function(result){
                if(result.success){
                    $("#success-message").html(result.message);
                }
                else{
                    $("#error-message").html(result.message);
                }
            }
        });
    });

});

Answer 1

正確的方法是研究已經制作成javascript / jQuery的ajax回調和狀態，然后使用它們。 如果您需要更高級的功能，則需要通過后端發送一些標頭，以強制某些狀態，這些狀態可以由適當的回調或自定義的回調處理。

您可以使用主要由主要js庫/框架處理的HTTP狀態代碼（甚至是遵循HTTP代碼模式的XMLHttpRequest 純自身，請參閱MDN ）。

直接回答您的問題，不，是不對的。 您的ajax使用主回調（成功）並按返回值進行處理。 它是可行的，但是缺少有關回調的最佳實踐，就像我上面提到的那樣。

您可以執行的示例：

$("#wrapper").on("submit", "#registration-form", function(e){
        e.preventDefault();
        $.ajax({
            type: "POST",
            url: "registerProcessing.php",
            data: $("#registration-form").serialize(),
            dataType: "json",
            success: function(result){
                $("#success-message").html(result.message);
            },
            error: function(result){
               $("#error-message").html(result.message);
            }
        });
    });

要么

$("#wrapper").on("submit", "#registration-form", function(e){
        e.preventDefault();
        $.ajax({
            type: "POST",
            url: "registerProcessing.php",
            data: $("#registration-form").serialize(),
            dataType: "json",
            statusCode: {
              404: function() {
                 $("#error-message").html('NOT FOUND');
              },
             200: function(result) {
                $("#success-message").html(result.message);
             },
             500: function(result) {
                $("#error-message").html(result.message);
             }
           }
        });
    });

或以XMLHTTPREQUEST為例：

var request;
if(window.XMLHttpRequest)
    request = new XMLHttpRequest();
else
    request = new ActiveXObject("Microsoft.XMLHTTP");
request.open('GET', 'http://www.mozilla.org', false);
request.send(); // there will be a 'pause' here until the response to come.
// the object request will be actually modified
switch (request.status){
   case 404:
    break;
   case 500:
    break;
   case 200;
   break
}

Answer 2

要添加到@CarlosAlexandre關於使用HTTP狀態代碼處理錯誤的答案：在過渡到OOP編程時，您應該意識到，使用異常處理來傳遞錯誤條件已成為一種最佳實踐。 這可能是這樣的：

User.php

class User{        
    //register method
    public function register($nickname, $password, $email){
        //example validation
        if($nickname==123){
            throw new InvalidArgumentException('Invalid username');
        }

        //add user to the database
        //sql code here
    }
}

registerProcessing.php

require_once 'User.php';

$user = new User();
$response = array(
    'success' => 0,
    'message' => 'Unknown error',
);

try {
    $user->register($_POST["nickname"], $_POST["password"], $_POST["email"]);

    $response['success'] = 1;
    $response['message'] = 'Registration successful.';
} catch (Exception $exception) {
    $response['message'] = $exception->getMessage();
}

echo json_encode($response);

是否有使用AJAX處理錯誤的更合適方法？

問題描述

2 個解決方案

解決方案1
1 已采納 2017-05-18 20:36:14

解決方案2
1 2017-05-18 21:13:37

是否有使用AJAX處理錯誤的更合適方法？

問題描述

2 個解決方案

解決方案1 1 已采納 2017-05-18 20:36:14

解決方案2 1 2017-05-18 21:13:37

解決方案1
1 已采納 2017-05-18 20:36:14

解決方案2
1 2017-05-18 21:13:37