ServiceNow Ajax Widget
by dshilkret
HTML
<script src="script src="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://search-testdomain-y56yhnxcndddwuykob75fjvprq.us-east-1.es.amazonaws.com/enron/_search?pretty=&q=*" + textData + "*",type:"GET",beforeSend: function(xhr){xhr.setRequestHeader('Accept', 'application/json');}, success: function(result){
var json_text = JSON.stringify(result);
var data =
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>" + result.hits.hits[i]._source.mailbox );
}
}});
});
$("#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>CSS
var dogsList = $('#dogs');
$.each(data, function() {
$('<li>' + data.Breed + '</li>').appendTo(dogsList);
});