JSFiddle - React, Tailwind, and code Playground

by tonyjcamp

HTML

<input type="text">
<div id="div"></div>

JavaScript

var timer, xhr;

$(window).keyup(function() {
    clearTimeout(timer);
    if(xhr) { xhr.abort(); xhr = null; }
    $("#div").empty();
    timer = setTimeout(function() {
        xhr = $.ajax({
            type: "GET",
            url: "/",
            success: function(data) {
                console.log("GOT NEW DATA!");
                $("#div").text(data);
            },
            error: function(xhr,status) {
                if(status == "abort") return;
                console.warn("AJAX FAILED!");
            }
        });
      },1000);
  });