I would like to create a simple html table from a windows auth secured arcgis service.
I tried implementing JSON (from Feature Layer Query) to html table however I cant figure out consuming a secured service.
- The ags service is public facing with windows authentication
- The html page I'm creating is behind our firewall, so I can embed credentials if necessary.
The problem I get with the code below is simply (401 unauthorized) on the rest service url... strangely if I open this url in a new tab it I get the json no problem.
I was playing with various scenarios of a token embedded in the url parameters with no success...
Any help would be appreciated. I plan to use this functionality a lot...
Cheers.
----------------------------
<!DOCTYPE html>
<html>
<head>
<title> Json to table using Ajax Jquery getJSON</title>
<script src="https://code.jquery.com/jquery-latest.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<div class="table-responsive">
<h1> Cem Records</h1>
<br />
<table class="table table-bordered table-striped" id="cem_table">
<tr>
<th>PlotID</th>
<th>First Name</th>
<th>Last Name</th>
</tr>
</table>
</div>
</div>
</body>
</html>
<script>
$(document).ready(function() {
$.getJSON(
'https://**SERVERNAME**/arcgis/rest/services/Society/CemeteryEDIT/MapServer/0/query?where=1%3D1&outFields=*&token=7Z6eykyhOFplxb_vd9W2-fzTlFLaP0sWK68WvWe3dyLeVOQD3qPDHp5GNx43to_F&f=json',
function(data) {
var cem_data = '';
console.info(data.features);
$.each(data.features, function(key, value) {
cem_data += '<tr>';
cem_data += '<td>' + value.attributes.PLOTID + '</td>';
cem_data += '<td>' + value.attributes.FIRST_NAME + '</td>';
cem_data += '<td>' + value.attributes.LAST_NAME + '</td>';
cem_data += '<tr>';
});
$('#cem_table').append(cem_data);
});
});
</script>
