通过Ajax的方式执行GP服务

概述：

在上一篇文章（Arcgis for js之GP实现缓冲区计算）介绍了Arcgis for js实现缓冲区计算，但是很多时候，我们不会用Arcgis的东西却想调用GP来实现对应的功能，怎么做呢，没错，本文将讲述如何通过ajax的方式去执行GP并返回结果。

思路：

按下F12打开谷歌的调试工具，切换到网络，再执行，可以看到GP执行时请求的url，如下：

在浏览器中分别打开1,2,3，可以开到各自的请求结果如下：

1、

{"jobId":"j75ee9938cd9b450fb76eb0f603040fbc","jobStatus":"esriJobSubmitted"}

2、

{"jobId":"j123084f770754cf6b76892d2fa44b80e","jobStatus":"esriJobSucceeded","results":{"output":{"paramUrl":"results/output"}},"inputs":{"input":{"paramUrl":"inputs/input"},"Distance__value_or_field_":{"paramUrl":"inputs/Distance__value_or_field_"}},"messages":[]}

3、

说明：

从2中，可以看到，编号为2的URL执行了三遍，在此，我个人的理解是2的请求有时候返回不了结果，所以一直请求，直到请求成功。

关键代码：

[javascript]  view plain copy print ?

1. var gpUrl = 'http://localhost:6080/arcgis/rest/services/erase/GPServer/erase';  

说明：

这个GP服务是计算erase分析的，没有输入，即数据的参数已经定义好了，为两个shp文件，只是将计算的结果作为输出结果输出。

1、

[javascript]  view plain copy print ?

1. $("#calGP").on("click",function(){  
2.     $.messager.progress({  
3.         text:"计算中，请稍后..."  
4.     });  
5.     $.ajax({  
6.         type: "POST",  
7.         cache: false,  
8.         url: gpUrl+"/submitJob?f=json",  
9.         async: true,  
10.         success: function (result) {  
11.             result = eval("("+result+")");  
12.             var jobId = result.jobId;  
13.             if(jobId){  
14.                 submitJob(jobId);  
15.             }  
16.             else{  
17.                 $.messager.progress('close');  
18.                 $.messager.alert("提示","计算失败！");  
19.             }  
20.         }  
21.     });  
22. });  

说明：

url1请求成功后，返回的是一个jobid。

2、

[javascript]  view plain copy print ?

1. function submitJob(jobId){  
2.     $.ajax({  
3.         type: "POST",  
4.         cache: false,  
5.         url: gpUrl+"/jobs/"+jobId+"?f=json",  
6.         async: true,  
7.         success: function (result1) {  
8.             result1 = eval("("+result1+")");  
9.             if(result1.jobStatus==="esriJobSucceeded"){  
10.                 showResult(jobId);  
11.             }  
12.             else{  
13.                 submitJob(jobId);  
14.             }  
15.         }  
16.     });  
17. }  

说明：

请求不成功，在此提交请求，直到请求成功。

3、

[javascript]  view plain copy print ?

1. function showResult(jobId){  
2.     $.ajax({  
3.         type: "POST",  
4.         cache: false,  
5.         url: gpUrl + "/jobs/" + jobId + "/results/erase_shp?f=json&returnType=data",  
6.         async: true,  
7.         success: function (result2) {  
8.             result2 = eval("(" + result2 + ")");  
9.             $.messager.progress('close');  
10.             $.messager.alert("提示", "计算完成！");  
11.             var features = result2.value.features;  
12.             if (features.length > 0) {  
13.                 for (var i = 0, length = result2.length; i != length; ++i) {  
14.                     var feature = features[i];  
15.                     if(feature==undefined){  
16.                         return;  
17.                     }  
18.                     else {  
19.                         var polySymbolRed = new esri.symbol.SimpleFillSymbol();  
20.                         polySymbolRed.setOutline(new esri.symbol.SimpleLineSymbol(esri.symbol.SimpleLineSymbol.STYLE_SOLID, new dojo.Color([0, 0, 0, 0.5]), 1));  
21.                         polySymbolRed.setColor(new dojo.Color([255, 0, 0, 0.5]));  
22.                         var g = new esri.Graphic(new esri.geometry.Polygon(feature.geometry), polySymbolRed, feature.attributes)  
23.                         map.graphics.add(g);  
24.                     }  
25.                 }  
26.   
27.             }  
28.         }  
29.     });  
30. }  

转载自：http://blog.csdn.net/gisshixisheng/article/details/49922677