ServiceNow Ajax Widget

by dshilkret

HTML

<script src="script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<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://dev29198.service-now.com/api/now/table/x_150952_cosmos_se_search_terms" ,type:"GET",beforeSend: function(xhr){xhr.setRequestHeader('Accept', 'application/json');}, {xhr.setRequestHeader('Content-Type', 'application/json');},{xhr.setRequestHeader('Authorization', 'Basic '+btoa('Admin'+':'+'21012Dante1!'));}, success: function(result){
          
        var json_text = JSON.stringify(result);
        
        for (var i = 0; i < json_text.length; i++) { 
$("#div2").html("Connector: "+ result.hits.hits[i]._index + "<br>ID: " + result.hits.hits[i]._id + "<br>Body: " + 	result.hits.hits[i]._source.body + "<br><br><br>" );
           }
        }});
   
    });
    
  
  $("#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="btn2">Clear Entry</button><br><br>
<div  id="div2"></div>