parse html returned from api

Question

I call the api using this:

   $.ajax({
    contentType: "text/html; charset=utf-8",
    dataType: "jsonp",
    type: "get",
    crossDomain: true,
    url: "http://data.nba.com/data/10s/html/nbacom/2013/gameinfo/20140501/0041300106_boxscore_csi.html",
    success: function (val) {
        $(".content-wrapper").text(val);
        var a = val;
    }
})

I get the error:

    Resource interpreted as Script but transferred with MIME type text/html:

which i read is not realy an error but a warning. If i paste the url in the domain it shows the return in a textarea. And if i try to debugg the code using chrome it wont reach the success but instead say:

  Uncaught SyntaxError: Unexpected token <

How can i get the html straight into my own html so that i shows the table that the call returns?

MISJHA · Accepted Answer · 2014-05-02 03:23:59Z

2

if the response is HTML you should change the ajax success to:

success: function (val) {
    $(".content-wrapper").html(val);
    ...

Hope this helps!

answered May 2, 2014 at 3:23

MISJHA

1,0085 silver badges13 bronze badges

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

2 Comments

Daniel Gustafsson Over a year ago

Ok, thanks! But i wont even reach the success though

MISJHA Over a year ago

Also when accessing the URL I get the content inside a textarea, you might need to use something like: var data = $(val).filter('div'); $(".content-wrapper").html(data);

Leo Nix · Accepted Answer · 2014-05-02 03:19:47Z

0

Try changing your datatype to 'html'

answered May 2, 2014 at 3:19

Leo Nix

2,1053 gold badges24 silver badges37 bronze badges

5 Comments

Daniel Gustafsson Over a year ago

if i do that ill get: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Jason Silberman Over a year ago

You might want to check to see the rules for using whatever API you are using.

Daniel Gustafsson Over a year ago

@JasonSilberman i don't think there is any documentation of the nbaapi :(

Leo Nix Over a year ago

Access-Control-Allow-Origin message is telling you that the API site does not allow your site to do cross domain access to it. If you can, have the api provider add your site in the Access-Control-Allow-Origin header so browsers won't block you.

Leo Nix Over a year ago

@DanielGustafsson By the way, it is the browser that sends the Access-Control-Allow-Origin request to the API. So if the server doesn't fulfill it, the browser will not issue your actual AJAX get request. Check out this blog for more details. link

Jason Silberman · Accepted Answer · 2014-05-02 03:20:16Z

0

I believe you are using dataType and contents type incorrectly. Try switching dataType to text/html.

answered May 2, 2014 at 3:20

Jason Silberman

2,5016 gold badges31 silver badges48 bronze badges

1 Comment

Daniel Gustafsson Over a year ago

Ill get this: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'localhost:3526' is therefore not allowed access.

Collectives™ on Stack Overflow

parse html returned from api

3 Answers 3

2 Comments

5 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

5 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related