Http request error

Hello,

I am new to Canvas and trying to get started on using the APIs. When I put a simple request in my browser, https://domain.instructure.com/api/v1/courses/ , I get the following error displayed.

SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data

Could it be I am an admin and not enrolled in any courses?

I get the same error when I send this request, https://domain.instructure.com/api/v1/courses/$courseid/pages

even though I have access to this course.

I appreciate your insights.

Find more posts tagged with

Accepted answers

All comments

James

@nschutz ,

You are getting a list of courses, but Canvas puts a while(1); in the front of it since your browser hasn't told it that it can handle JSON results. The while(1); is not valid JSON and so the browser is complaining.

Here's what I get when I try the first request inside Chrome.

Here's what I get when I try it in Firefox

Okay, that's not technically true. What I get is this:

Recent versions of Firefox handle JSON and allow you to look at it in formatted JSON view or in Raw Data mode.

But ... but ... but ... I'm using Firefox, you say.

Okay, so what you're seeing is this error:

If you switch to Raw Data, you'll see the while(1); at the beginning as I showed before.

The problem is that Firefox does not accept JSON responses by default and you need to tell it to do that if you want to do this kind of thing in your browser.

This is controlled by the network.http.accept.default setting. By default, it is set to

text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8

Since that doesn't contain application/json, Canvas puts the while(1); in front.

What I've done is modified mine to include the application/json. Here's what mine looks like.

text/html,application/xhtml+xml,application/xml,application/json;q=0.9,*/*;q=0.8

You might be able to list the json before the xml, but I didn't want to risk breaking something and so I just added it to the end.

Now that I've explained the problem, the next question is how to fix it.

Type about:config in the location (URL) bar.
Accept the risk of voiding your warranty
Search for network.http.accept.default in the search box
Right click the mouse and choose Modify
Add ,application/json between the application/xml and the ;q=0.9
Click OK

After going through that process, you can now refresh your page from Canvas and see a list of the courses nicely formatted. Once you start telling websites that you understand application/json, then Canvas stops putting the while(1); in there and it is recognizable JSON.

If you ever need to set it back to the default -- say because you want to show someone the steps of how to set it up like I did tonight, then click Reset in step 4.

julian_ebeli

Use Postman | API Development Environment to experiment with api calls.

You will need API keys. You can generate them in your profile settings.

Eventually you will move on from postman and integrate the calls you make into a more involved webapp of some kind. You need some sort of script to deal with the return data.

I use python with the requests library to do app prototyping.

Good luck

Unanswered Questions

Canvas Catalog API - Completed Certificates
Hello, I'm trying to utilize an API call to pull completed certificates and was hoping to download and store the certs as a backup. I can successfully run the API call but it will not allow me to view the certificate unless I access the URL while signed into an account where it's "my" cert. Is there a permissions setting…
UI for weekly progression idea
UI for weekly progression idea that rest in the Schedule tab of the **K-12 UI** of Canvas it's incomplete and I really would not take it and push it into instance but I am going to post it here because in the past people like @James && @robotcars || @Steve_25 have had terrific input in the past... maybe w/their eyes and…
Canvas integration with React + Flask webapp - initially for authenticaiton
I have a new React + Flask webapp. It has its own login for users to start using the app. I have added this as an external tool in Canvas. What I want initially is to see of canvas users can start using the webapp without having to login if they click on the external tool link in a canvas course. I have 2 methods…
add `desc` or `asc` to a few api calls that are already sorted by date\time\index such as `due_at`
A case for this argument: I live in thee K-12 realm which means we have way too many assignments... which means that at times a simple last 10 assignments of a course question(last 10 date wise) will take us 300 assignments to answer Solution for this example in particular: I would love to make this modified version of an…
Integrate a React App (Not Canvas) to be Canvas LMS SSO.
Hey Community: I want to ask first if Canvas LMS as a Identity provider is only supported with SAML? What other protocols are supported? My use case is that I have a React App hosted on cloud provider (AWS) and SpringBoot as a backend (Service provider). I want to integrate Canvas SSO as a Identity provider (IdP). I…