cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Showing results for 
Search instead for 
Did you mean: 

Community Tip - Did you get an answer that solved your problem? Please mark it as an Accepted Solution so others with the same problem can find the answer easily. X

Problem with json file

leonardosella
12-Amethyst

Problem with json file

Hi everyone, 

I'm trying to load a json file that I upload into Vuforia Studio. The file contains a sequence of instruction that I have to print in a label. 

 

The json file is like:

{
"steps":[
"Scollegare i cavi di collegamento indicati in giallo",
"svitare le quattro viti del basamento" ,
"Togliere il motore",
"Sostituire motore",
"Riposizionare motore nel basamento",
"Avvitare le quattro viti di sostegno",
"Collegare i cavi di alimentazione"
]
}
 
and the content of home.js like this one:

var myObj;
$scope.testJSON = function() {
$scope.asyncLoadScript("app/resources/Uploaded/repair_sequence.json").then(function(){
myObj = JSON.parse(myJSON);
console.log(myJSON)
},
function() { console.log("Oops, something went wrong"); });
}

$scope.updateLabel = function(){

$scope.setWidgetProp( "step-description", "text", "Description");

switch ($scope.app.view.RepairSequence.wdg["robot-arm-model"].currentStep) {

case 1:
text = myObj.steps[0];
$scope.setWidgetProp( "step-description", "text", text)
break;
case 2:
text = myObj.steps[1];
$scope.setWidgetProp( "step-description", "text", text)
break;
case 3:
text = myObj.steps[2];
$scope.setWidgetProp( "step-description", "text", text)
break;
case 4:
text = myObj.steps[3];
$scope.setWidgetProp( "step-description", "text", text)
break;
case 5:
text = myObj.steps[4];
$scope.setWidgetProp( "step-description", "text", text)
break;
case 6:
text = myObj.steps[5];
$scope.setWidgetProp( "step-description", "text", text)
break;
case 7:
text = myObj.steps[6];
$scope.setWidgetProp( "step-description", "text", text)

}
};

 

Once launched the preview nothing happen. Any suggestions?

 

Thank you

10 REPLIES 10

Hello leonardosella,

 

You can try this function in order to read and load your JSON file:

 

// where jsonFile is './app/resources/Uploaded/repair_sequence.json'
readJson = function(jsonFile) {
  fetch(jsonFile).then(response => {
    return response.text();
  }).then(data => {
    myObj= JSON.parse(data);
  }).catch(err => {
    console.log ("Oops, something went wrong");
  });
}

 

  I hope this was helpful.

 

Kind regards,

Lorena

Hello @lgherman , thank you for your reply.

I tried the piece of code: when load the experience into console appear "Failed to load resource: the server responded with a status of 500 (Internal Server Error)". This kind of error exit every time i try to load the .json script. 

 

Any suggestions? Thank you 

// $scope, $element, $attrs, $injector, $sce, $timeout, $http, $ionicPopup, and $ionicPopover services are available


filePath = 'app/resources/Uploaded/repair_sequence.json';
finishedLoading = false;

angular.element(document).ready(function () {
    $scope.Init();  
});

$scope.Init = function() { 
  
    // Reading the file asynchronously
     $http.get(filePath)
      .success(function (data) {  
       
        finishedLoading = true;
 		console.log(data.steps[0]);       
       
    }).error(function (data, status, headers, config) {}) 	
}


$scope.updateLabel = function() {
  if(finishedLoading == true)  {
   		// do your logic 
  }
  
}

 

 

Try the approach above. Also keep in mind that you must wait for the json to finish loading before reading from it. You can use a flag as I did in the example ( called finishedLoading )

Hi, the solution posted didn't work for my case. So, I choose to load a .txt file formatted with json-notation. Loading of the file takes place via xmlhttp as shown below. 

 

  • var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
    myObj = JSON.parse(this.responseText)
    console.log(myObj.sequenza_smontaggio)

    // logic 


    }
    };
    xmlhttp.open("GET", "app/resources/Uploaded/istruzioni_montaggio_lingue.txt", true);
    xmlhttp.send();

Thanks for the help. 

EliasCobo
5-Regular Member
(To:leonardosella)

Hello @leonardosella, the solution proposed by @lgherman works correctly.

 

It may be that your .json file is badly formatted.

 

I share an example:

 

json.PNG

 

Kind regard.

 

Elias.

Hello Community.

 

It might be very helpful if someone can post a sample experience that contains a few steps and step description bind to a label. (especially for the non-coders)

 

Thanks in advance !

 

Cheers

Marco

(Presales) Senior Technical Consultant @ INNEO Solutions GmbH (Germany)

Hello everyone,

 

Here is a an example of how to read a JSON file and use the data to set the text of a label.

I hope this is useful.

 

Kind regards,

Lorena

EliasCobo
5-Regular Member
(To:lgherman)

Hi @lgherman 

 

Thanks for sharing an example.

 

Elias

mwodarz_INNEO
14-Alexandrite
(To:lgherman)

Thank you Lorena for this example!

(Presales) Senior Technical Consultant @ INNEO Solutions GmbH (Germany)

I wanted to store players stats on a .JSON file. The problem is the file I made isn't appearing as an available resource in my file viewer in the editor. How do I get it to appear in my editor? can I use it even if it isn't shown as available?

edit: i've tried

Top Tags