关闭

通过Ajax的方式执行GP服务

215人阅读 评论(0) 收藏 举报
分类:

概述:

在上一篇文章(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 plaincopyprint?
  1. var gpUrl = 'http://localhost:6080/arcgis/rest/services/erase/GPServer/erase';  

说明:

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


1、

[javascript] view plaincopyprint?
  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 plaincopyprint?
  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 plaincopyprint?
  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. }  
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:131910次
    • 积分:2990
    • 等级:
    • 排名:第12182名
    • 原创:155篇
    • 转载:114篇
    • 译文:0篇
    • 评论:14条
    最新评论