W ka\u017cdym razie pomys\u0142 jest taki: zamiast ustawia\u0107 jaki\u015b interwa\u0142, u\u017cyj wbudowanych funkcji Ajax, aby w\u0142a\u015bciwie oceni\u0107 odpowied\u017a. I tylko w okre\u015blonych warunkach ponownie uruchom funkcj\u0119.<\/p>\n
Przyk\u0142ad: metoda $.post<\/a> jQuery oferuje kilka funkcji, kt\u00f3rych mo\u017cna u\u017cy\u0107 w\u0142a\u015bnie do tego. Na przyk\u0142ad oferuje metody takie jak:<\/p>\n I ka\u017cdy z nich ma by\u0107 uruchamiany w okre\u015blonych warunkach, kt\u00f3re za chwil\u0119 poka\u017c\u0119 w niekt\u00f3rych przyk\u0142adach kodu.<\/p>\n Jednak zanim to zrobisz, wa\u017cne jest, aby zrozumie\u0107, \u017ce wysy\u0142am kilka parametr\u00f3w, kt\u00f3re, jak zak\u0142adam, znasz:<\/p>\n Je\u015bli kt\u00f3rakolwiek z powy\u017cszych nie jest jasna, przeczytaj powi\u0105zane strony, aby zobaczy\u0107, jak to osi\u0105gn\u0105\u0107.<\/p>\n Ale bior\u0105c to pod uwag\u0119, oto pomys\u0142, jak mo\u017cesz zarz\u0105dza\u0107 powtarzaj\u0105cymi si\u0119 odpowiedziami Ajax bez setInterval.<\/p>\n Pierwsz\u0105 rzecz\u0105, kt\u00f3r\u0105 musisz zrobi\u0107, to otoczy\u0107 prac\u0119, kt\u00f3r\u0105 zamierzasz wykona\u0107, we w\u0142asnej funkcji. Oznacza to, \u017ce mo\u017cesz wywo\u0142a\u0107 go z dowolnego miejsca w aplikacji po stronie klienta lub nawet w kontek\u015bcie timera (je\u015bli jest to absolutnie konieczne).<\/p>\n Na przyk\u0142ad<\/a><\/strong> :<\/p>\n Jak wida\u0107, posun\u0105\u0142em si\u0119 do przodu i odci\u0105\u0142em niekt\u00f3re funkcje, o kt\u00f3rych wspomnia\u0142em powy\u017cej.<\/p>\n W przypadku sukcesu mo\u017cesz u\u017cy\u0107 funkcji anonimowej<\/a><\/strong> jako wywo\u0142ania zwrotnego dla funkcji $.post<\/strong>. Podstawowym argumentem, kt\u00f3rym powiniene\u015b si\u0119 zajmowa\u0107, jest argument odpowiedzi .<\/strong><\/p>\n Zazwyczaj lubi\u0119, gdy moja odpowied\u017a ma atrybut sukcesu<\/strong> i atrybut niepowodzenia<\/strong>. U\u0142atwia to za\u0142atwienie sprawy, gdy odpowied\u017a ca\u0142kowicie si\u0119 powiod\u0142a, ale dane, kt\u00f3re wr\u00f3ci\u0142y z serwera, nie by\u0142y takie, jakich si\u0119 spodziewa\u0142em.<\/p>\n Niekoniecznie oznacza to, \u017ce nast\u0105pi\u0142a awaria. To po prostu oznacza, \u017ce \u200b\u200bto, czego szuka\u0142em, nie zosta\u0142o znalezione.<\/p>\n Z drugiej strony zdarzaj\u0105 si\u0119 chwile, w kt\u00f3rych co\u015b mo\u017ce zawie\u015b\u0107<\/a><\/strong>. Dlaczego tak si\u0119 dzieje mo\u017ce by\u0107 z wielu powod\u00f3w i aby to w\u0142a\u015bciwie zrozumie\u0107, warto przyjrze\u0107 si\u0119 argumentom, jakie dostarcza callback, a mianowicie statusowi<\/strong> i b\u0142\u0119dowi<\/strong>.<\/p>\n Nie mog\u0119 poda\u0107 tutaj konkretnych przyk\u0142ad\u00f3w, poniewa\u017c ka\u017cde API jest inne; jednak zalecam przynajmniej wypisanie danych do konsoli, aby\u015b m\u00f3g\u0142 zrozumie\u0107, co si\u0119 dzieje i jak z wdzi\u0119kiem sobie z tym poradzi\u0107 na poziomie kodu.<\/p>\n\n
![\"Prawid\u0142owa](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164533-61e766ff924f1.png\")
<\/a><\/p>\n\n
1 Funkcja dla pracy<\/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 Zajmij si\u0119 sukcesem<\/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 Zajmij si\u0119 niepowodzeniem<\/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 Post\u0119puj w przypadku bezwarunkowego<\/h3>\n