출처 :&nbsp;<a href="http://www.mytreedb.com/blog/a-33-high_quality_ajax_loader_images.html" target="_blank" class="tx-link">http://www.mytreedb.com/blog/a-33-high_quality_ajax_loader_images.html</a><div> </div><div> </div><div><a href='/api/file/0JX8TPVJ388NJ' target='_blank'> ajax_loader.7z</a> <a href="http://motolies.tistory.com/676" target="_blank">2018/06/22 - [프로그램 자료/Java Script] - jquery ajax get post 비동기 함수</a> </div>ajax loading image <img src='/api/file/0JX8TPVFV88HX' style = 'max-width:100%;height:auto;' /> <div class="txc-textbox" style="border-style: solid; border-width: 1px; border-color: rgb(254, 254, 184); background-color: rgb(254, 254, 184); padding: 10px;"> function
StringFormat() {

&nbsp;&nbsp;&nbsp; var expression =
arguments[0];

&nbsp;&nbsp;&nbsp; for (var
i = 1;
i &lt; arguments.length;
i++) {

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var prttern = new
RegExp('\\{' + (i
- 1) + '\\}', 'gi');

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; expression =
expression.replace(prttern,
arguments[i]);

&nbsp;&nbsp;&nbsp; }

&nbsp;&nbsp;&nbsp; return
expression;

}

&nbsp;

function loadingVisible(enable) {&nbsp;&nbsp;&nbsp;
var loadingDivId = "ajaxLoadingImage";&nbsp;&nbsp;&nbsp;&nbsp;
if (enable) {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
var htmlTemplate = "&lt;div id='{0}'
" +&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "style='position:absolute;
z-index:999; width:100%; height:100%; top:0px; left:0px; opacity: 0.5; filter:
alpha(opacity-50); " +&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "background-color:
#fff; text-align:center;'&gt;" +&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "&lt;img
src='/images/loading.gif' style='position:fixed; width:32px; left:50%; top:50%;
margin-left:-16px; margin-top:-16px;' /&gt;" +&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "&lt;/div&gt;";&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
var img = StringFormat(htmlTemplate, loadingDivId);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
$("body").append(img);&nbsp;&nbsp;&nbsp;
} else
{&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
$("#"
+ loadingDivId).remove();&nbsp;&nbsp;&nbsp;
}}





























&nbsp;</div>

비동기 로딩/로딩바 이미지 ajax loading image