Question 10819 in Jquery Question posted in
The official Jquery Api Documentation can be found here.

JQuery getJSON() has status code 200 but returns no data

I am trying to load some JSON data from an URL to populate a dropdown in a form.

I am using the getJSON() function to get the data, and it has worked for other URLs very well, but for this instance I don’t know why it doesn’t return anything.


let primaryValue = $("#cr5dd_workrequirement option:selected").val();
 
if (primaryValue != null && primaryValue != ""){

        $.getJSON("/workreq_results?id=" + primaryValue, function (data) {
            console.log("data");
        });

    }

The link is working fine and it is correct. I just want to see if the data is loaded correctly from the URL. This is the data found at the link:

{ "results": [ { "DeptID": "cad426c1-eec7-ed11-b597-000d3aa9a09b", "DeptName": "HR ", } ] }

I am getting no error from the console and the dev tools are showing that the products file is being loaded! I am seeing a status of 200 OK. But there is no data returned in the console. What issue may it be?

Tags:

2

Answers


  1. Chosen as BEST ANSWER
    0

    I managed to see the issue, so going into the Response tab in Dev Tools in the browser, the data found seemed to be alright, but looking at it more closely, there was a , at the end of the last element of the JSON (after "HR"), so the content in the URL was not correct in terms of JSON syntax and thus the getJSON fails silently, without throwing any errors. I modified the JSON and now it's working fine, thanks.


  2. 0

    That console.log written like this will return "data" as a text and not as a variable, try with:

    console.log(data);

    Instead of

    console.log("data");
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search