{"id":30259,"date":"2023-01-14T08:33:57","date_gmt":"2023-01-14T03:03:57","guid":{"rendered":"https:\/\/jassweb.com\/solved\/solved-ajax-post-or-get-wont-function-cannot-use-the-response-duplicate\/"},"modified":"2023-01-14T08:33:57","modified_gmt":"2023-01-14T03:03:57","slug":"solved-ajax-post-or-get-wont-function-cannot-use-the-response-duplicate","status":"publish","type":"post","link":"https:\/\/jassweb.com\/solved\/solved-ajax-post-or-get-wont-function-cannot-use-the-response-duplicate\/","title":{"rendered":"[Solved] $.ajax, $.post or $.get won’t function, cannot use the response [duplicate]"},"content":{"rendered":"

[ad_1]
\n<\/p>\n

\n
\n
<\/div>\n
\n
\n

One of the most common misconceptions of beginner programmers about Javascript and AJAX is to treat the AJAX request as a “normal” function, doing variable assignments or expecting to use immediately the AJAX response in their code.<\/p>\n

That’s not how it works though; let’s try to understand how a correct implementation works.<\/p>\n

AJAX<\/strong> stands for Asynchronous JavaScript and XML<\/em>.<\/p>\n

We will ignore for a while the XML part (which is more about how the request is carried on, via XMLHttpObject<\/code>), the Javascript bit is quite obvious (it’s the scripting language we use, with or without JQuery), let’s focus on asynchronous<\/strong>.<\/p>\n

\n

Think about AJAX this way: it is roughly like sending a work email to a colleague, while you’re at work, and giving some info; and requesting an action to be taken and\/or other info in return; no matter if your friend answers immediately or not, you still have to continue your job because the answer could be delayed (your friend may be particularly busy today).
\n When your friends answers with relevant info, only then<\/em> you will address the matter and take appropriate actions. If an action is requested, your colleague will carry it on only when he receives your email.<\/p>\n<\/blockquote>\n

AJAX works in a similar way: from client-side<\/em>, you make a request<\/em> to a server-side<\/em> page, and expect an action<\/em> (like writing a row in a database) or a response<\/em> (some data fetched server-side from the page you are calling.<\/p>\n

The important bit is that your JavaScript code continues its execution regardless of the completion of the round-trip<\/strong>, as there can be a significant delay when your client (remember that JS runs client-side) makes an AJAX call to the server (slow server, slow connection, and so on).<\/p>\n

So you can’t expect to do things like:<\/p>\n

var r = $.post(\"ajaxpage.php\", function(data) {return data});\n<\/code><\/pre>\n
because $.post<\/code> doesn’t actually “return” a value like a “regular” function, the variable r<\/code> cannot be valued by $.post<\/p>\n
Instead, you should organize your code based on the done<\/code> event, which is fired after the AJAX call has completed: it guarantees<\/strong> (if there have been no failures, like server-side errors, not found pages, etc.) that we actually have a response to use in your code on success.
\nWith that event we can call a function that receives the response as a parameter and actually uses it.<\/p>\n
$.post(\"ajaxpage.php\").done(useMyResponse);\n\/\/ rest of the code\n\nfunction useMyResponse(response)\n{\n    \/\/ do fancy things with the response like:\n    console.log(response); \/\/ works!\n    \/\/ or maybe\n    $(\"#someElement\").html(response);\n}\n<\/code><\/pre>\n
A shorthand for this would be:<\/p>\n
$.post(\"ajaxpage.php\",function (response) { \n     \/\/ use response\n     console.log(response);\n});\n<\/code><\/pre>\n
Edit:<\/em> i’m not a native English speaker, forgive my mistakes.<\/p>\n<\/p><\/div>\n
<\/div>\n<\/div>\n
            1<\/span> <\/p><\/div>\n<\/div>\n
[ad_2]<\/p>\n
solved $.ajax, $.post or $.get won’t function, cannot use the response [duplicate] <\/p>\n","protected":false},"excerpt":{"rendered":"
[ad_1] One of the most common misconceptions of beginner programmers about Javascript and AJAX is to treat the AJAX request as a “normal” function, doing variable assignments or expecting to use immediately the AJAX response in their code. That’s not how it works though; let’s try to understand how a correct implementation works. AJAX stands … Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[320],"tags":[334,333,388],"class_list":["post-30259","post","type-post","status-publish","format-standard","hentry","category-solved","tag-ajax","tag-javascript","tag-jquery"],"yoast_head":"\n[Solved] $.ajax, $.post or $.get won't function, cannot use the response [duplicate] - JassWeb<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jassweb.com\/solved\/solved-ajax-post-or-get-wont-function-cannot-use-the-response-duplicate\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Solved] $.ajax, $.post or $.get won't function, cannot use the response [duplicate] - JassWeb\" \/>\n<meta property=\"og:description\" content=\"[ad_1] One of the most common misconceptions of beginner programmers about Javascript and AJAX is to treat the AJAX request as a “normal” function, doing variable assignments or expecting to use immediately the AJAX response in their code. That’s not how it works though; let’s try to understand how a correct implementation works. AJAX stands ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jassweb.com\/solved\/solved-ajax-post-or-get-wont-function-cannot-use-the-response-duplicate\/\" \/>\n<meta property=\"og:site_name\" content=\"JassWeb\" \/>\n<meta property=\"article:published_time\" content=\"2023-01-14T03:03:57+00:00\" \/>\n<meta name=\"author\" content=\"Kirat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kirat\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-ajax-post-or-get-wont-function-cannot-use-the-response-duplicate\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-ajax-post-or-get-wont-function-cannot-use-the-response-duplicate\\\/\"},\"author\":{\"name\":\"Kirat\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#\\\/schema\\\/person\\\/65c9c7b7958150c0dc8371fa35dd7c31\"},\"headline\":\"[Solved] $.ajax, $.post or $.get won’t function, cannot use the response [duplicate]\",\"datePublished\":\"2023-01-14T03:03:57+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-ajax-post-or-get-wont-function-cannot-use-the-response-duplicate\\\/\"},\"wordCount\":430,\"publisher\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#organization\"},\"keywords\":[\"ajax\",\"javascript\",\"jquery\"],\"articleSection\":[\"Solved\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-ajax-post-or-get-wont-function-cannot-use-the-response-duplicate\\\/\",\"url\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-ajax-post-or-get-wont-function-cannot-use-the-response-duplicate\\\/\",\"name\":\"[Solved] $.ajax, $.post or $.get won't function, cannot use the response [duplicate] - JassWeb\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#website\"},\"datePublished\":\"2023-01-14T03:03:57+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-ajax-post-or-get-wont-function-cannot-use-the-response-duplicate\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-ajax-post-or-get-wont-function-cannot-use-the-response-duplicate\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/solved-ajax-post-or-get-wont-function-cannot-use-the-response-duplicate\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Solved] $.ajax, $.post or $.get won’t function, cannot use the response [duplicate]\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#website\",\"url\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/\",\"name\":\"JassWeb\",\"description\":\"Build High-quality Websites\",\"publisher\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#organization\",\"name\":\"Jass Web\",\"url\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/jassweb.com\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/jass-website-logo-1.png\",\"contentUrl\":\"https:\\\/\\\/jassweb.com\\\/wp-content\\\/uploads\\\/2021\\\/02\\\/jass-website-logo-1.png\",\"width\":693,\"height\":132,\"caption\":\"Jass Web\"},\"image\":{\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/#\\\/schema\\\/person\\\/65c9c7b7958150c0dc8371fa35dd7c31\",\"name\":\"Kirat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/wp-content\\\/litespeed\\\/avatar\\\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1777008400\",\"url\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/wp-content\\\/litespeed\\\/avatar\\\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1777008400\",\"contentUrl\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/wp-content\\\/litespeed\\\/avatar\\\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1777008400\",\"caption\":\"Kirat\"},\"sameAs\":[\"http:\\\/\\\/jassweb.com\"],\"url\":\"https:\\\/\\\/jassweb.com\\\/solved\\\/author\\\/jaspritsinghghumangmail-com\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Solved] $.ajax, $.post or $.get won't function, cannot use the response [duplicate] - JassWeb","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jassweb.com\/solved\/solved-ajax-post-or-get-wont-function-cannot-use-the-response-duplicate\/","og_locale":"en_US","og_type":"article","og_title":"[Solved] $.ajax, $.post or $.get won't function, cannot use the response [duplicate] - JassWeb","og_description":"[ad_1] One of the most common misconceptions of beginner programmers about Javascript and AJAX is to treat the AJAX request as a “normal” function, doing variable assignments or expecting to use immediately the AJAX response in their code. That’s not how it works though; let’s try to understand how a correct implementation works. AJAX stands ... Read more","og_url":"https:\/\/jassweb.com\/solved\/solved-ajax-post-or-get-wont-function-cannot-use-the-response-duplicate\/","og_site_name":"JassWeb","article_published_time":"2023-01-14T03:03:57+00:00","author":"Kirat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kirat","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jassweb.com\/solved\/solved-ajax-post-or-get-wont-function-cannot-use-the-response-duplicate\/#article","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/solved-ajax-post-or-get-wont-function-cannot-use-the-response-duplicate\/"},"author":{"name":"Kirat","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31"},"headline":"[Solved] $.ajax, $.post or $.get won’t function, cannot use the response [duplicate]","datePublished":"2023-01-14T03:03:57+00:00","mainEntityOfPage":{"@id":"https:\/\/jassweb.com\/solved\/solved-ajax-post-or-get-wont-function-cannot-use-the-response-duplicate\/"},"wordCount":430,"publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"keywords":["ajax","javascript","jquery"],"articleSection":["Solved"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/jassweb.com\/solved\/solved-ajax-post-or-get-wont-function-cannot-use-the-response-duplicate\/","url":"https:\/\/jassweb.com\/solved\/solved-ajax-post-or-get-wont-function-cannot-use-the-response-duplicate\/","name":"[Solved] $.ajax, $.post or $.get won't function, cannot use the response [duplicate] - JassWeb","isPartOf":{"@id":"https:\/\/jassweb.com\/solved\/#website"},"datePublished":"2023-01-14T03:03:57+00:00","breadcrumb":{"@id":"https:\/\/jassweb.com\/solved\/solved-ajax-post-or-get-wont-function-cannot-use-the-response-duplicate\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jassweb.com\/solved\/solved-ajax-post-or-get-wont-function-cannot-use-the-response-duplicate\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jassweb.com\/solved\/solved-ajax-post-or-get-wont-function-cannot-use-the-response-duplicate\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jassweb.com\/solved\/"},{"@type":"ListItem","position":2,"name":"[Solved] $.ajax, $.post or $.get won’t function, cannot use the response [duplicate]"}]},{"@type":"WebSite","@id":"https:\/\/jassweb.com\/solved\/#website","url":"https:\/\/jassweb.com\/solved\/","name":"JassWeb","description":"Build High-quality Websites","publisher":{"@id":"https:\/\/jassweb.com\/solved\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jassweb.com\/solved\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jassweb.com\/solved\/#organization","name":"Jass Web","url":"https:\/\/jassweb.com\/solved\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/","url":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","contentUrl":"https:\/\/jassweb.com\/wp-content\/uploads\/2021\/02\/jass-website-logo-1.png","width":693,"height":132,"caption":"Jass Web"},"image":{"@id":"https:\/\/jassweb.com\/solved\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/jassweb.com\/solved\/#\/schema\/person\/65c9c7b7958150c0dc8371fa35dd7c31","name":"Kirat","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1777008400","url":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1777008400","contentUrl":"https:\/\/jassweb.com\/solved\/wp-content\/litespeed\/avatar\/1261af3c9451399fa1336d28b98ea3bb.jpg?ver=1777008400","caption":"Kirat"},"sameAs":["http:\/\/jassweb.com"],"url":"https:\/\/jassweb.com\/solved\/author\/jaspritsinghghumangmail-com\/"}]}},"_links":{"self":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/30259","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/comments?post=30259"}],"version-history":[{"count":0,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/posts\/30259\/revisions"}],"wp:attachment":[{"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/media?parent=30259"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/categories?post=30259"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jassweb.com\/solved\/wp-json\/wp\/v2\/tags?post=30259"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}