2016-03-21 99 views
0

我正在使用tableau,并且必须构建自己的Web数据连接器。 我写了它,它在Chrome上完美运行。 但是当我用它为我的Tableau得到foolowing错误:在Tableau中解析带有Promise的Json

ReferenceError: Can't find variable: Promise file: http://localhost:9000/json-connector line: 246 

我的连接器两个部分devided。第一部分调用Web服务来获取目的地列表,并用他们的名字填充两个列表。第二部分调用另一个Web服务来获取两个选定目的地之间的每条路径。

我想要获得第一个列表时发生错误。我想坚持认为它适用于Chrome,但不适用于画面。

的代码中的错误发生的部分:

var getJSON = function(url) { 
    return new Promise(function(resolve, reject) { 
    var xhr = new XMLHttpRequest(); 
    xhr.open('get', url, true); 
    xhr.responseType = 'json'; 
    xhr.onload = function() { 
     var status = xhr.status; 
     if (status == 200) { 
     resolve(xhr.response); 
     } else { 
     console.log("Something went wrong with the destination") 
     reject(status); 
     } 
    }; 
    xhr.send(); 
    }); 
}; 

我觉得画面不支持的承诺。但我不知道如何解决问题。非常感谢你的帮助 !

这是我如何使用这个功能:

getJSON('http://localhost:9000/stations').then(function(data) { 
    //alert('Your Json result is: ' + data.result); //you can comment this, i used it to debug 
    //result.innerText = JSON.stringify(data); //display the result in an HTML element 

    console.log("starting parsing on : " + data.length); 
    var listArrival = document.getElementById('Arrival'); //get the list where you want to add options 
    var listDeparture = document.getElementById('Departure'); 
    if(listArrival == null || listDeparture == null) console.error("Impossible to retrieve the list") 
    var op; 
    var addedStations = []; 

    for(var i = 0; i < data.length ; i++){ 
     var obj = data[i]; 
     var overflowControler = 0; 
     for(var key in obj){ 
      console.log(key + '=' + obj[key]); 
      if(key == 'name' && addedStations.indexOf(obj[key]) == -1){ 
       op = new Option(obj[key], obj['nlc'], true); 
       op2 = new Option(obj[key], obj['nlc'], true); 
       if(op == null) console.error("Impossible to create the new option") 
       listArrival.add(op); 
       listDeparture.add(op2); 
       addedStations.push(obj[key]); 
      } 
      overflowControler ++; 
      if(overflowControler > maxLengthOfEachRecordFromJson) break; // overflow control 
     } 
     if(i > maxStationsRecordNumberFromJson) break; //overflow control 
    } 

}, function(status) { //error detection.... 
    alert('Something went wrong.'); 
}); 
+0

你可以在你的tableau项目中包含一个外部Promise库吗(如果这是正确的名称,我不知道很多关于tableau的内容)? – Tomalak

+0

我可以在我的js中包含一些库yes! 例如:

+2

然后包含以下内容之一:https://cdnjs.com/#q=promise - d去寻找'bluebird',但如果你所需要的只是基本的ES6承诺,那么'es6-promise'就可以做到更轻量级。 – Tomalak

回答

1

至于建议由托默勒格我添加了一个库,我的剧本和的Tableau能够使用承诺。

<script src="https://cdnjs.cloudflare.com/ajax/libs/es6-promise/3.2.1/es6-promise.min.js" type="text/javascript"></script> 

我没有对代码进行其他更改。

+0

是的,不幸的是,Tableau内部使用的浏览器(Qt 5.4 webkit)尚未本机支持Promises。所以这是现在要走的路。 – lbrendanl