topic How to make ESRI Rest call from javascript in ArcGIS JavaScript Maps SDK Questions

How to make ESRI Rest call from javascript

roshnibasu — Wed, 22 Feb 2017 08:21:37 GMT

How do I call the REST API https://www.arcgis.com/sharing/generateToken?username=<>&password=<>&referer=https://geoenrich.arcgis.com&f=json from a javascript method? I tried using jquery ajax request and found it working sometime and sometime the request is always pending.

And for the the following url, I do not find any specific query that I need to use? In Arc GIS 3.19 version I saw esri.tasks.locationproviders.StandardGeographyQueryLocationProvider but in 4 it is not there. If I make normal ajax call using jquery it does not work at all.

Please help me to resolve the problem.

Re: How to make ESRI Rest call from javascript

FC_Basson — Wed, 22 Feb 2017 08:59:30 GMT

Have a look at esri.request:

3.19: esri/request | API Reference | ArcGIS API for JavaScript 3.19

4.2: request | API Reference | ArcGIS API for JavaScript 4.2

Re: How to make ESRI Rest call from javascript

roshnibasu — Wed, 22 Feb 2017 09:05:53 GMT

We are using 4.2 version. I am clueless which class do I need to use to call any of the REST APIS including GeoEnrich.

I tried using esri\request. But it did not work . I have to use jsonp.

Re: How to make ESRI Rest call from javascript

FC_Basson — Wed, 22 Feb 2017 09:15:48 GMT

Is it possible to provide some code to show what you are trying to do and where the problem is?

Re: How to make ESRI Rest call from javascript

roshnibasu — Wed, 22 Feb 2017 09:22:51 GMT

$.ajax({
url: "http://geoenrich.arcgis.com/arcgis/rest/services/World/geoenrichmentserver/StandardGeographyQuery/execute?sourceCountry=US&geographylayers=[%22US.Counties%22]&geographyQuery=orange&f=pjson&token="+token+"&returnGeometry=true",
dataType: 'jsonp',
type: 'GET',
crossDomain: true,
contentType: "application/json; charset=utf-8;",
async: false,
// jsonpCallback:"callback",
success: function(result){
if(result.error){
return false;
}else{
return true;
}
},
error: function(result){
console.log(result);
alert('error');
}

});

Tried thsi with jquery it did not work for me.

Re: How to make ESRI Rest call from javascript

roshnibasu — Wed, 22 Feb 2017 09:24:50 GMT

Also tried using ARC GIS 4.2 and Query API from there.

function(token){
require(["esri/request"], function(esriRequest) {
var url = "http://geoenrich.arcgis.com/arcgis/rest/services/World/geoenrichmentserver/StandardGeographyQuery/execute?sourceCountry=US&geographylayers=[%22US.Counties%22]&geographyQuery=orange&f=pjson&token="+token+"&returnGeometry=true";
esriRequest(url, {
responseType: "json",
callbackParamName: "callback",
}).then(function(response){
// The requested data
alert(response);
});

});
}

This also did not work for me.

Re: How to make ESRI Rest call from javascript

RobertScheitlin__GISP — Sat, 11 Dec 2021 07:54:44 GMT

Roshni,

Here is a simple sample that works:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
  <title>Find Task - 4.2</title>
  <style>
    td {
      padding: 4px;
    }

    #loading {
      visibility: hidden;
    }
  </style>

  <script src="http://js.arcgis.com/4.2/"></script>

  <script>
    require([
      "esri/request",
      "esri/config",
      "dojo/json",
      "dojo/dom",
      "dojo/on",
      "dojo/domReady!"
    ], function(esriRequest, esriConfig, JSON, dom, on) {

      esriConfig.request.proxyUrl = "http://gislap183/js/proxy/proxy.ashx";

      function doRequest(){
        var url = "http://sampleserver1.arcgisonline.com/ArcGIS/rest/services/Demographics/ESRI_Census_USA/MapServer/layers?f=json";
        esriRequest(url, {
          responseType: "json",
          callbackParamName: "callback"
        }).then(function(response){
          showResults(response);
        });
      }

      var resultsTable = dom.byId("tbl");

      // Executes when the promise from find.execute() resolves
      function showResults(response) {
        var results = response.data;
        // Clear the cells and rows of the table to make room for new results
        resultsTable.innerHTML =  JSON.stringify(results);
      }

      // Executes each time the promise from find.execute() is rejected.
      function rejectedPromise(err) {
        console.error("Promise didn't resolve: ", err.message);
      }

      // Run doRequest() when button is clicked
      on(dom.byId("execBtn"), "click", doRequest);
    });
  </script>

</head>
<body>
  <input type="button" value="Execute" id="execBtn" />
  <br>
  <br>
  <table id="tbl"></table>
</body>
</html>
‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Re: How to make ESRI Rest call from javascript

FC_Basson — Wed, 22 Feb 2017 15:24:31 GMT

I prefer the idea of doing secure service authentication through a proxy as in your example Robert.

roshni.mridha‌ does the url for the request return a result correctly?

Re: How to make ESRI Rest call from javascript

roshnibasu — Thu, 23 Feb 2017 05:17:37 GMT

Yes It does..

Re: How to make ESRI Rest call from javascript

roshnibasu — Thu, 23 Feb 2017 05:21:08 GMT

Hi Robert,

Thanks so much for the help. I exactly copy pasted your code and I changed the url to 'https://www.arcgis.com/sharing/generateToken?username='+uname+'&password='+pw+'&referer=*&f=json'

And that worked fine.

After that I tried modifying the example to the following:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
<title>Find Task - 4.2</title>
<style>
td {
padding: 4px;
}

#loading {
visibility: hidden;
}
</style>

//esriConfig.request.proxyUrl = "http://gislap183/js/proxy/proxy.ashx";
var url = 'https://www.arcgis.com/sharing/generateToken?username='+uname+'&password='+pw+'&referer=*&f=json';
esriRequest(url, {
responseType: "json",
callbackParamName: "callback"
}).then(function(response){
//showResults(response);
console.log(resp);
resp = response.data;
});

});
return resp;
}
var myResp = myTestFunction('myuname','mypass');
console.log(myResp);
</script>

</head>
<body>
<input type="button" value="Execute" id="execBtn" />
<br>
<br>
<table id="tbl"></table>
</body>
</html>

And I do not see the response in the log. Am I missing something here?

Re: How to make ESRI Rest call from javascript

FC_Basson — Thu, 23 Feb 2017 05:59:13 GMT

In the "then" part of the esri.request

console.log(resp); should be console.log(response.data);

your resp = response.data must be defined before the console.log(resp); output.

The return resp; might also return nothing, because the request has not completed yet.

Re: How to make ESRI Rest call from javascript

roshnibasu — Thu, 23 Feb 2017 06:05:19 GMT

Hi Basson,

That part of code is typo. What exactly iwant is the following two lines need to be executed:

var myResp = myTestFunction('myuname','mypass');
console.log(myResp);

Re: How to make ESRI Rest call from javascript

FC_Basson — Thu, 23 Feb 2017 06:10:33 GMT

Do it like in Robert's example where the result is returned in the showResults function then instead of

var myResp = myTestFunction('myuname','mypass');
console.log(myResp);

just do

myTestFunction('myuname','mypass');

and change the request "then" function to

.then(function(response){
showResults(response);

}

Re: How to make ESRI Rest call from javascript

roshnibasu — Thu, 23 Feb 2017 06:15:17 GMT

i need to store the response and use it in some other method. Thats the reason I want to do it that way.

Re: How to make ESRI Rest call from javascript

FC_Basson — Thu, 23 Feb 2017 06:18:45 GMT

No problem - make resp a global variable which you assign the value to in the showResults function.

Re: How to make ESRI Rest call from javascript

roshnibasu — Thu, 23 Feb 2017 06:29:28 GMT

My requirement is to fetch the data. and use it somewhere else.

Re: How to make ESRI Rest call from javascript

roshnibasu — Thu, 23 Feb 2017 08:21:20 GMT

I should have the method to call using ESRI API in a separate class and then call that from other class.

Re: How to make ESRI Rest call from javascript

FC_Basson — Thu, 23 Feb 2017 08:49:00 GMT

Roshni, I think your original question has been answered and solved. You'll have to figure out a way to pass the variable data between functions.

Re: How to make ESRI Rest call from javascript

roshnibasu — Thu, 23 Feb 2017 08:58:52 GMT

Ok. Thanks so much for all the help.

If any of you come across to the kind of issue I'm facing please provide suggestion.

Re: How to make ESRI Rest call from javascript

RochelleWolfe — Tue, 05 Nov 2019 20:52:18 GMT

This is a very helpful example for me too! It does pull in that data successfully, however I am also showing a CORS error in the console. Should that not be appearing with examples? I also have it after this tutorial Get an access token | ArcGIS for Developers and this tutorial Query a feature layer | ArcGIS for Developers .