Comment gérer les erreurs côté serveur et la validation des formulaires dans jqGrid ?

Gestion des erreurs côté serveur et validation de formulaire dans jqGrid

Problème :

Vous devez analyser les erreurs d'un JSON réponse et affichez-les dans une boîte de dialogue dans votre jqGrid. Idéalement, vous souhaitez que la grille vérifie « STATUT : 'ERREUR' » et affiche tous les messages d'erreur en conséquence.

Réponse :

Il est crucial de suivre les directives du protocole HTTP. lors de la communication entre le serveur et le client. La réponse standard réussie comprend les éléments suivants :

HTTP/1.1 200 OK
...
Content-Type: application/json
...

{"page":"1",....}

En revanche, si l'URL n'existe pas, la réponse du serveur commencera par :

HTTP/1.1 404 Not Found

jqGrid s'appuie sur les codes d'état HTTP pour déterminer comment gérer les réponses du serveur. Par exemple, un code d'état 404 indique que la grille ne tentera pas d'interpréter les données JSON.

Code de démonstration :

Pour démontrer ce concept :

$("#list").jqGrid({
    url: 'Unknown.json', // file with this name doesn't exist
    datatype: 'json',
    // ... other relevant parameters
    loadComplete: function () {
        alert("OK");
    },
    loadError: function (jqXHR, textStatus, errorThrown) {
        alert('HTTP status code: ' + jqXHR.status + '\n' +
              'textStatus: ' + textStatus + '\n' +
              'errorThrown: ' + errorThrown);
        alert('HTTP message body (jqXHR.responseText): ' + '\n' + jqXHR.responseText);
    }
});

Ce code affichera les alertes suivantes :

• Code d'état HTTP : 404
• textStatus : Not Found
• errorThrown : error
• Corps du message HTTP (jqXHR.responseText) : vide

Erreur personnalisée Gestion :

Si vous souhaitez gérer l'erreur réponses différemment, vous pouvez utiliser des codes d’état HTTP d’erreur. Vous trouverez ci-dessous une version étendue de l'implémentation de loadError :

loadComplete: function () {
    // remove error div if it exists
    $('#' + this.id + '_err').remove();
},
loadError: function (jqXHR, textStatus, errorThrown) {
    // remove error div if it exists
    $('#' + this.id + '_err').remove();

    // insert div with the error description before the grid
    $(this).closest('div.ui-jqgrid').before(
        '<div>

Cette fonction supprime tout div d'erreur existant, puis insère un nouveau div avant la grille pour afficher le message d'erreur. La fonction decodeErrorMessage peut être personnalisée pour gérer les messages d'erreur dans votre format préféré.

Utilisation de displayErrorMessage :

Free jqGrid fournit une méthode displayErrorMessage intégrée pour afficher les messages d'erreur dans une erreur div au dessus de la grille. Avant d'utiliser la gestion personnalisée des erreurs, il est recommandé de tester le comportement par défaut pour vous assurer qu'il répond à vos besoins.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!