Ad ogni modo, l’idea \u00e8 questa: piuttosto che impostare un intervallo, utilizzare le funzioni Ajax integrate per valutare correttamente la risposta. E solo in determinate condizioni, riattivare la funzione.<\/p>\n
Caso in questione: il metodo $.post<\/a> di jQuery offre alcune funzioni che possono essere utilizzate esattamente per questo. Ad esempio, offre metodi come:<\/p>\n E ognuno di questi \u00e8 pensato per essere eseguito in determinate condizioni che mostrer\u00f2 momentaneamente in alcuni esempi di codice.<\/p>\n Prima di farlo, per\u00f2, \u00e8 importante capire che ci sono diversi parametri che sto inviando che presumo tu abbia familiarit\u00e0 con:<\/p>\n Se una delle precedenti non \u00e8 chiara, si prega di leggere le pagine collegate per vedere come si ottiene ci\u00f2.<\/p>\n Ma detto questo, ecco l’idea alla base di come gestire le risposte Ajax ripetute senza setInterval.<\/p>\n La prima cosa che devi fare \u00e8 racchiudere il lavoro che farai nella sua stessa funzione. Ci\u00f2 significa che puoi chiamarlo da qualsiasi altra parte nell’applicazione lato client o anche nel contesto di un timer (se assolutamente necessario).<\/p>\n Ad esempio<\/a><\/strong> :<\/p>\n E, come puoi vedere, sono andato avanti e ho cancellato alcune delle funzioni che ho menzionato sopra.<\/p>\n In caso di successo, puoi utilizzare una funzione anonima<\/a><\/strong> come callback per la funzione $.post<\/strong>. L’argomento principale di cui dovresti preoccuparti \u00e8 l’ argomento della risposta .<\/strong><\/p>\n In genere, mi piace che le mie risposte abbiano un attributo di successo<\/strong> e un attributo di errore<\/strong>. Ci\u00f2 semplifica la gestione di un caso ogni volta che la risposta \u00e8 completamente riuscita, ma i dati restituiti dal server non erano quelli che mi aspettavo.<\/p>\n Questo non significa necessariamente che ci sia stato un fallimento. Significa solo che tutto ci\u00f2 che stavo cercando di recuperare non \u00e8 stato trovato.<\/p>\n D’altra parte, ci sono momenti in cui qualcosa pu\u00f2 fallire<\/a><\/strong>. Il motivo per cui ci\u00f2 accade pu\u00f2 essere dovuto a una serie di motivi e per comprenderlo correttamente, vale la pena esaminare gli argomenti forniti dal callback, vale a dire lo stato<\/strong> e l’ errore<\/strong>.<\/p>\n Non posso fornire esempi concreti qui perch\u00e9 ogni API \u00e8 diversa; tuttavia, consiglio almeno di scrivere i dati sulla console in modo da poter capire cosa sta succedendo e come gestirlo con grazia a livello di codice.<\/p>\n\n
![\"Lavorare](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164533-61e766ff924f1.png\")
<\/a><\/p>\n\n
1 Una funzione per il lavoro<\/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 Gestisci il successo<\/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 Gestire il fallimento<\/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 Gestire il caso incondizionato<\/h3>\n