Javascript Convert JSONP data from string to Json object

Question

So i am not sure if i am doing this right.
I want to send markup over HTML (i am trying to create a widget) Here is the mocky response that i am expecting

so I create a simple jquery get like this

var jsonp_url = "http://www.mocky.io/v2/5c9e901a3000004a00ee98a1?callback=myfunction";
    $.ajax({
                    url: jsonp_url,
                    type: 'GET',
                    jsonp: "callback",
                    contentType: "application/json",
                    success: function (data) {
                     $('#example-widget-container').html(data.html)
                    },
                    error: function (data) {
                        alert('woops!'); //or whatever
                    }
                });

then created myFunction

function myfunction(data) {
        console.log(data);
}

The problem being that while, i get the response it comes as a string instead of a json or function. i am not sure how to extract the json from this (unless i do string manupulation). Any pointers would be helpful.

JSFiddle here

P.S. Per https://www.mocky.io/ ,
Jsonp Support - Add ?callback=myfunction to your mocky URL to enable jsonp.

contentType: "application/json", is just wrong, you are making a GET request, the request has no body to describe the content-type of. Since you are using JSONP, this ignored anyway. JSONP doesn't allow you to set headers explicitly. — Quentin
– Quentin, Commented Mar 29, 2019 at 22:15

Quentin · Accepted Answer · 2019-03-29 22:13:15Z

1

Delete function myfunction.
In the URL, replace callback=myfunction with callback=?.

jQuery will generate a function (your success function) and a function name for you.

answered Mar 29, 2019 at 22:13

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

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

2 Comments

Night Monger Over a year ago

i tried that. It still returns a string wrapped with a brackets. It is still a string though.

Night Monger Over a year ago

You can see that in the jsfiddle I had added.

Collectives™ on Stack Overflow

Javascript Convert JSONP data from string to Json object

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