Hur som helst, tanken \u00e4r denna: Ist\u00e4llet f\u00f6r att st\u00e4lla in n\u00e5got intervall, anv\u00e4nd sedan de inbyggda Ajax-funktionerna f\u00f6r att utv\u00e4rdera svaret ordentligt. Och bara under vissa f\u00f6rh\u00e5llanden, aktivera funktionen igen.<\/p>\n
Exempel: jQuerys $.post-<\/a> metod erbjuder n\u00e5gra funktioner som kan anv\u00e4ndas f\u00f6r just detta. Till exempel erbjuder den metoder som:<\/p>\n Och var och en av dessa \u00e4r avsedd att k\u00f6ras under vissa f\u00f6rh\u00e5llanden som jag kommer att visa i n\u00e5gra kodexempel tillf\u00e4lligt.<\/p>\n Innan du g\u00f6r det \u00e4r det dock viktigt att f\u00f6rst\u00e5 att det finns flera parametrar som jag skickar som jag antar att du \u00e4r bekant med:<\/p>\n Om n\u00e5got av ovanst\u00e5ende inte \u00e4r klart, l\u00e4s de l\u00e4nkade sidorna f\u00f6r att se hur detta uppn\u00e5s.<\/p>\n Men med det sagt, h\u00e4r \u00e4r id\u00e9n bakom hur du kan hantera upprepade Ajax-svar utan setInterval.<\/p>\n Det f\u00f6rsta du beh\u00f6ver g\u00f6ra \u00e4r att linda in arbetet du ska g\u00f6ra i sin egen funktion. Detta inneb\u00e4r att du kan anropa det fr\u00e5n n\u00e5gon annanstans i klientsidans applikation eller till och med inom ramen f\u00f6r en timer (om det absolut beh\u00f6vs).<\/p>\n Till exempel<\/a><\/strong> :<\/p>\n Och, som du kan se, har jag g\u00e5tt vidare och stoppat ut n\u00e5gra av funktionerna jag n\u00e4mnde ovan.<\/p>\n I fallet med framg\u00e5ngen kan du anv\u00e4nda en anonym funktion<\/a><\/strong> som callback f\u00f6r $.post-<\/strong> funktionen. Det prim\u00e4ra argumentet som du b\u00f6r bry dig om \u00e4r svarsargumentet<\/strong>.<\/p>\n Vanligtvis gillar jag att mitt svar har ett framg\u00e5ngsattribut<\/strong> och ett misslyckandeattribut<\/strong>. Detta g\u00f6r det l\u00e4ttare att hantera ett \u00e4rende n\u00e4r svaret \u00e4r helt framg\u00e5ngsrikt men data som kom tillbaka fr\u00e5n servern var inte vad jag f\u00f6rv\u00e4ntade mig.<\/p>\n Detta betyder inte n\u00f6dv\u00e4ndigtvis att det har skett ett misslyckande. Det betyder bara att allt jag letade efter inte hittades.<\/p>\n \u00c5 andra sidan finns det tillf\u00e4llen d\u00e5 n\u00e5got kan misslyckas<\/a><\/strong>. Varf\u00f6r detta h\u00e4nder kan bero p\u00e5 ett antal olika anledningar och f\u00f6r att f\u00f6rst\u00e5 det ordentligt \u00e4r det v\u00e4rt att inspektera argumenten som \u00e5teruppringningen ger, n\u00e4mligen statusen<\/strong> och felet<\/strong>.<\/p>\n Jag kan inte ge konkreta exempel h\u00e4r eftersom varje API \u00e4r olika; dock rekommenderar jag \u00e5tminstone att skriva ut data till konsolen s\u00e5 att du kan f\u00f6rst\u00e5 vad som h\u00e4nder och hur du graci\u00f6st kan hantera det p\u00e5 kodniv\u00e5.<\/p>\n\n
![\"Att](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164533-61e766ff924f1.png\")
<\/a><\/p>\n\n
1 En funktion f\u00f6r arbetet<\/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 Hantera framg\u00e5ngen<\/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 Hantera felet<\/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 Hantera det ovillkorliga fallet<\/h3>\n