Quoi qu’il en soit, l’id\u00e9e est la suivante\u00a0: plut\u00f4t que de d\u00e9finir un intervalle, utilisez les fonctions Ajax int\u00e9gr\u00e9es pour \u00e9valuer correctement la r\u00e9ponse. Et seulement sous certaines conditions, relancez la fonction.<\/p>\n
Exemple: la m\u00e9thode $.post<\/a> de jQuery offre certaines fonctions qui peuvent \u00eatre utilis\u00e9es exactement pour cela. Par exemple, il propose des m\u00e9thodes telles que :<\/p>\n Et chacun de ceux-ci est destin\u00e9 \u00e0 \u00eatre ex\u00e9cut\u00e9 sous certaines conditions dont je montrerai momentan\u00e9ment quelques exemples de code.<\/p>\n Avant de faire cela, cependant, il est important de comprendre qu’il y a plusieurs param\u00e8tres que j’envoie et que je suppose que vous connaissez\u00a0:<\/p>\n Si l’un des \u00e9l\u00e9ments ci-dessus n’est pas clair, veuillez lire les pages li\u00e9es pour voir comment cela est r\u00e9alis\u00e9.<\/p>\n Mais cela dit, voici l’id\u00e9e derri\u00e8re la fa\u00e7on dont vous pouvez g\u00e9rer les r\u00e9ponses Ajax r\u00e9p\u00e9t\u00e9es sans setInterval.<\/p>\n La premi\u00e8re chose que vous devez faire est d’envelopper le travail que vous allez faire dans sa propre fonction. Cela signifie que vous pouvez l’appeler de n’importe o\u00f9 ailleurs dans l’application c\u00f4t\u00e9 client ou m\u00eame dans le contexte d’une minuterie (si absolument n\u00e9cessaire).<\/p>\n Par exemple<\/a><\/strong> :<\/p>\n Et, comme vous pouvez le voir, j’ai avanc\u00e9 et supprim\u00e9 certaines des fonctions que j’ai mentionn\u00e9es ci-dessus.<\/p>\n En cas de succ\u00e8s, vous pouvez utiliser une fonction anonyme<\/a><\/strong> comme rappel pour la fonction $.post<\/strong>. L’argument principal dont vous devriez vous pr\u00e9occuper est l’ argument de r\u00e9ponse .<\/strong><\/p>\n En r\u00e8gle g\u00e9n\u00e9rale, j’aime que mes r\u00e9ponses aient un attribut de r\u00e9ussite<\/strong> et un attribut d’ \u00e9chec<\/strong>. Cela facilite la gestion d’un cas chaque fois que la r\u00e9ponse est compl\u00e8tement r\u00e9ussie, mais que les donn\u00e9es renvoy\u00e9es par le serveur ne correspondent pas \u00e0 ce que j’attendais.<\/p>\n Cela ne signifie pas n\u00e9cessairement qu’il y a eu un \u00e9chec. Cela signifie simplement que tout ce que je cherchais \u00e0 r\u00e9cup\u00e9rer n’a pas \u00e9t\u00e9 trouv\u00e9.<\/p>\n D’un autre c\u00f4t\u00e9, il y a des moments o\u00f9 quelque chose peut \u00e9chouer<\/a><\/strong>. La raison pour laquelle cela se produit peut \u00eatre pour un certain nombre de raisons et pour bien le comprendre, il vaut la peine d’inspecter les arguments fournis par le rappel, \u00e0 savoir le status<\/strong> et le error<\/strong>.<\/p>\n Je ne peux pas donner d’exemples concrets ici car chaque API est diff\u00e9rente ; Cependant, je recommande au moins d’\u00e9crire des donn\u00e9es sur la console afin que vous puissiez comprendre ce qui se passe et comment vous pouvez le g\u00e9rer avec \u00e9l\u00e9gance au niveau du code.<\/p>\n\n
![\"Travailler](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164533-61e766ff924f1.png\")
<\/a><\/p>\n\n
1 Une fonction pour le travail<\/h3>\n
var _processArticle = function() {\n\n var request =\n $.post(acme.ajax_url, {\n action: 'acme_get_data',\n url: sUrl\n security: acme.security\n }, function(response) {\n \/\/ ...\n })\n .done(function(response) {\n \/\/ ...\n })\n .fail(function(xhr, status, error) {\n \/\/ ...\n })\n .always(function() {\n \/\/ ..\n });\n}\n<\/code><\/pre>\n2 G\u00e9rer le succ\u00e8s<\/h3>\n
var _processArticle = function() {\n\n var request =\n $.post(acme.ajax_url, {\n action: 'acme_get_data',\n url: sUrl\n security: acme.security\n }, function(response) {\n\n \/\/ Abort all request operations.\n if (false === response.success) {\n request.abort();\n }\n\n \/\/ Handle the successful response by modifying the DOM.\n })\n .done(function(response) {\n \/\/ ...\n })\n .fail(function(xhr, status, error) {\n \/\/ ...\n })\n .always(function() {\n \/\/ ...\n });\n}\n<\/code><\/pre>\n3 G\u00e9rer l’\u00e9chec<\/h3>\n
var _processArticle = function() {\n\n var request =\n $.post(acme.ajax_url, {\n action: 'acme_get_data',\n url: sUrl\n security: acme.security\n }, function(response) {\n\n \/\/ Abort all request operations.\n if (false === response.success) {\n request.abort();\n }\n\n \/\/ Handle the successful response by modifying the DOM like flashing the first image.\n $('img:first').fadeTo('fast', 0.5, function() {\n $(this).fadeTo('fast', 1);\n });\n })\n .done(function(response) {\n \/\/ ...\n })\n .fail(function(xhr, status, error) {\n\n console.log('There was a problem with contacting the API.');\n\n console.log('The status was:');\n console.log(status);\n\n console.log('The error was:')\n cosole.log(error);\n })\n .always(function() {\n \/\/ ...\n });\n}\n<\/code><\/pre>\n4 G\u00e9rer le cas inconditionnel<\/h3>\n