{"id":72886,"date":"2026-05-03T03:01:00","date_gmt":"2026-05-02T17:01:00","guid":{"rendered":"https:\/\/www.rjmprogramming.com.au\/ITblog\/?p=72886"},"modified":"2026-05-02T23:03:11","modified_gmt":"2026-05-02T13:03:11","slug":"asynchronous-clientside-ideas-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/asynchronous-clientside-ideas-tutorial\/","title":{"rendered":"Asynchronous Clientside Ideas Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/sleepjs.html\" rel=\"noopener\"><img decoding=\"async\" style=\"border: 15px solid pink;\" alt=\"Asynchronous Clientside Ideas Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/jssleep.jpg\" title=\"Asynchronous Clientside Ideas Tutorial\"  style=\"float:left;\"   \/><\/a><p class=\"wp-caption-text\">Asynchronous Clientside Ideas Tutorial<\/p><\/div>\n<p>The recent Ajax (clientside) calling (serverside) PHP work of <a target=\"_blank\" href='https:\/\/www.rjmprogramming.com.au\/ITblog\/shower-song-sharing-tutorial\/' title='Shower Song Sharing Tutorial' rel=\"noopener\">Shower Song Sharing Tutorial<\/a> reminded us of &#8230;<\/li>\n<ul>\n<li>the talents <strong>A<\/strong>jax (ie. <a target=\"_blank\" title='Ajax information from Wikipedia ... thanks' href='https:\/\/en.wikipedia.org\/wiki\/Ajax_(programming)' rel=\"noopener\">Asynchronous JavaScript and XML<\/a>) can introduce as a clientside <strong>A<\/strong>synchronous tool &#8230; as another choice to &#8230;<\/li>\n<li><a target=\"_blank\" title='Promise object information from w3schools' href='http:\/\/www.w3schools.com\/js\/js_promise.asp' rel=\"noopener\">promise<\/a> object methodologies<\/li>\n<\/ul>\n<p>And so we were saved from the tautological blunder of our &#8220;first thought of&#8221; today&#8217;s blog posting title being &#8220;Asynchronous Ajax Clientside Ideas Tutorial&#8221; &#8230; though, into the future, who knows &#8230; you could have two <font size=1>(or even more, come to think of it)<\/font> cleaners promising to use Ajax concurrently while working on their &#8220;for loop&#8221; drills?!   Hmmmmmm.  Watcha doin&#8217; in 2029?<\/p>\n<p>With this in mind we wanted to &#8220;compare the pair&#8221; with a triple pike, whereby we wrote a proof of concept &#8230;<\/p>\n<p><iframe src='\/\/www.rjmprogramming.com.au\/HTMLCSS\/sleepjs.html' style=width:95%;height:800px;><\/iframe> <\/p>\n<p> &#8230; offering three modes of asynchronous usage mode scenarios, they being &#8230;<\/p>\n<table style=width:90%; cellspacing=5 cellpadding=2 border=5>\n<tr>\n<th>Promise<\/th>\n<th>Ajax (processing then delay)<\/th>\n<th>Ajax (working within delay)<\/th>\n<\/tr>\n<\/table>\n<p> &#8230; that if you click that top button can be set off (almost) synchronously, in their asynchronous pursuits, that are logged in a rudimentary way within the <a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/sleepjs.html_GETME\" rel=\"noopener\">first draft<\/a> <a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/sleepjs.html\" rel=\"noopener\">sleepjs.html Asynchronous Ideas<\/a> web application&#8217;s execution run, helped out by our <a target=\"_blank\" href=\"http:\/\/www.rjmprogramming.com.au\/HTMLCSS\/jssleep.js_GETME\" rel=\"noopener\">jssleep.js<\/a> external Javascript helper.<\/p>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d72886' onclick='var dv=document.getElementById(\"d72886\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/promise\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d72886' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>The recent Ajax (clientside) calling (serverside) PHP work of Shower Song Sharing Tutorial reminded us of &#8230; the talents Ajax (ie. Asynchronous JavaScript and XML) can introduce as a clientside Asynchronous tool &#8230; as another choice to &#8230; promise object &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/asynchronous-clientside-ideas-tutorial\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2,12,28,37],"tags":[69,1614,2380,576,652,3989,2357,3719,1319],"class_list":["post-72886","post","type-post","status-publish","format-standard","hentry","category-ajax","category-elearning","category-oop","category-tutorials","tag-ajax","tag-asynchronous","tag-delay","tag-html","tag-javascript","tag-programmming","tag-promise","tag-promise-object","tag-tutorial"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/72886"}],"collection":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/comments?post=72886"}],"version-history":[{"count":3,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/72886\/revisions"}],"predecessor-version":[{"id":72889,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/72886\/revisions\/72889"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=72886"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=72886"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=72886"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}