Spinner and AJAX Indicator

September 1, 2021 21:54

Loading (Busy) Indicator (Spinner) (edit)

Pure CSS Loaders (codepen.io)

Cách tạo Spinner, Loading Animation bằng CSS (phannhatchanh.com)

24 Hiệu Ứng Animation CSS Javascript (niemvuilaptrinh.com)

How to show loading spinner in jQuery? - Stack Overflow

Show loading image while $.ajax is performed - Stack Overflow

How can I create a "Please Wait, Loading..." animation using jQuery? - Stack Overflow

Show Loading (Busy) Indicator (Spinner) with Overlay with jQuery AJAX example (aspsnippets.com)

Display an Image Spinner During an Ajax Request | ITGeared.com

loading.io - Your SVG + GIF + PNG Ajax Loading Icons and Animation Generator

<div class="spinner">
  <div class="outer">
    <div class="lds-dual-ring">
    </div>
  </div>
</div>

$.ajaxSetup({
  global: false,
  type: "GET",
  url: "https://api.ipify.org/?format=json",
  beforeSend: function () {
    $(".modal").show();
  },
  complete: function () {
    $(".modal").hide();
  }
});

$.ajax({
  data: "{}",
  success: function (r) {
    $("#lblIPAddress").html("IP Address: " + r.ip);
  }
});