ServiceNow Ajax Widget

by dshilkret

HTML

<div>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("#btn").click(function(){
      var textData = $("#search").val();
        $.ajax({url: "https://search-testdomain-y56yhnxcndddwuykob75fjvprq.us-east-1.es.amazonaws.com/tests/test/_search?q=user:"+ textData,type:"GET",beforeSend: function(xhr){xhr.setRequestHeader('Accept', 'application/json');}, success: function(result){
          
        var json_text = JSON.stringify(result);
           $("#div2").html("Dtech User: " + result.hits.hits[0]._source.user + "<BR>" + "Total: " + result._shards.total + "<BR>" + "Max Score: " + result.hits.max_score);
           $("#div2").addClass("floating-box");
        }});
   
    });
  $("#btn1").click(function(){
    
      var zip = $("#search").val();
        $.ajax({url: "https://api.openweathermap.org/data/2.5/weather?zip=" + zip + ",us&appid=d92b1b6e4dbe815fad4069479bddd37b",type:"GET",beforeSend: function(xhr){xhr.setRequestHeader('Accept', 'application/json');}, success: function(result){
          
        var json_text = JSON.stringify(result);
           $("#div2").html(result.name);
          $("#div2").addClass("after-box");
          
           
        }});
   
    });
  $("#btn2").click(function(){
          $("#div2").html(' ');
          $("#div2").removeClass("after-box");
    			$("#search").val('');
     });

});
</script>
 <!-- //<div ng-if="!c.options.html" class="panel panel-default">
   // <div class="panel-body">
    //  <b>${HTML Widget}</b><br>
     // ${Ctrl + Click > Options to set HTML content}
   // </div>
 // </div>
  //<div ng-if="c.options.html" ng-bind-html="c.html"></div>
//</div> -->


 
  <span>Search:</span> <div  id="div1"><input type="text" id="search"/></div>
<br>
<button id="btn">Get Elastic Data</button>
<button id="btn1">Get City Name</button>
<button id="btn2">Clear Entry</button><br><br>
<span>Result:</span><div  id="div2"></div>