Parsing JSON data from RestDB to display information to user

Question

A user using the chat system will report an issue, this will be sent to RestDB and as an admin when you log in to get these reports. I'm using the Ajax GET function on RestDB to call these reports back and display them in the 'display Vals' section. I have been trying different things. I keep getting the "Uncaught SyntaxError: Unexpected token o in JSON at position 1" error. I have a screenshot of this included below. Just wondering if anyone could guide me as to where I'm going wrong? Previously I didnt have the loop included and just had var string = JSON.parse(response); along with document.getElementById('displayVals').innerHTML = x; This wouldn't throw the error but the results would display as undefined.

<script>
export default{
    methods:{
        reportsMethod(){

            var x = document.getElementById("report");
            console.log(x);
            var button = document.getElementById('reportBtn').addEventListener('click', () => {
            /* once everything is ok, post info to report db*/
            this.$f7.dialog.alert('Report: ' + x +'<br>Sucessfully gotten ');

            var settings = {
            "async": true,
            "crossDomain": true,
            "url": "https://yoururl",
            "method": "GET",
            "headers": {
            "content-type": "application/json",
            "x-apikey": "xxxxxxxxxxxxxxxxxxxxx",
            "cache-control": "no-cache"
            }
        }

            $.ajax(settings).done(function (response) {
             console.log(response); 
             var string = JSON.parse(response);

            // for(var i = 0; i < string.length; i++){
            //  var x = string[i];
             document.getElementById('displayVals').innerHTML = string;
            //  }
            });
        });
    }
    }
}
  </script>

Error:

Debashish · Accepted Answer · 2021-03-31 14:50:21Z

0

You have syntax errors in your code. The code have extra curly braces at the end.

You can count the number of start and end braces in your editor. Then you will find out if it have any inconsistent braces.

answered Mar 31, 2021 at 14:50

Debashish

5014 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

caoim Over a year ago

Some of the code didnt paste over sorry, ill update it now

Debashish Over a year ago

What does the response return inside done function? And also, add .fail() to catch any error.

Collectives™ on Stack Overflow

Parsing JSON data from RestDB to display information to user

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related