[JSON] Youtube request werkt niet in IE

[Dennisonline]

Beste allemaal,

Ben momenteel bezig met een script om de afbeeldingen van een paar Youtube videos te laten zien op een HTML pagina en deze vervolgens te linken naar het filmpje zelf. Dit doe ik dmv het JSON protocol.

Zie: http://code.google.com/in...velopers_guide_jsonc.html

Dit is de URL: https://gdata.youtube.com...2&max-results=4&alt=jsonc die ik gebruik.

Nu gebruik ik het volgende javascript die JSON parsed naar een div in mijn HTML pagina:

code:

function getYoutube() {
$.getJSON( 'https://gdata.youtube.com/feeds/api/users/HIEREENUSERNAME/favorites?&v=2&max-results=4&alt=jsonc',function(json){ 
$.each(json.data.items,function(i,yt){ 
$("#youtubevideos").append('<a href="'+yt.video.player.default+'" target="_blank"><img src="'+yt.video.thumbnail.hqDefault+'" width="240px" alt='+yt.video.title+'</img></a>');
                    });
                    
                    
                });
                
            }

Dit werkt helemaal perfect in Chrome en Firefox, maar niet in Internet Explorer 8 en 9. Hierboven wordt gebruik gemaakt van het JSONC formaat, ik heb ook al gewoon JSON geprobeerd (het oudere json, dit werkt echter ook in Chrome maar niet in IE)

Aan het script ligt het volgens mij niet, ik gebruik namelijk hetzelfde script voor Twitter en daar werkt het wel in Internet Explorer...

Heeft een van jullie een oplossing voor dit probleem? Alvast bedankt!

[Bosmonster]

zet eens een &callback=? achter je feed-url

[Dennisonline]

Bosmonster schreef op dinsdag 24 januari 2012 @ 13:47:
zet eens een &callback=? achter je feed-url

Dat heb ik al geprobeerd, maar dan werkt het hele script niet meer.

Probeer maar eens: https://gdata.youtube.com/feeds/api/users/EredivisieLive/favorites?&callback=?&v=2&max-results=4&alt=json

[ Voor 17% gewijzigd door Dennisonline op 24-01-2012 13:58 ]

[Snake]

Je maakt een grapje?

Achter het = teken moet de pointer komen naar de functie.

https://gdata.youtube.com...s=4&alt=json&callback=foo

[ Voor 41% gewijzigd door Snake op 24-01-2012 13:59 ]

[Bosmonster]

Snake schreef op dinsdag 24 januari 2012 @ 13:59:
Je maakt een grapje?

Achter het = teken moet de pointer komen naar de functie.

https://gdata.youtube.com...s=4&alt=json&callback=foo

Nee, dat doet jQuery zelf. Die genereert een random functie, plaatst de naam in de url bij de callback en vuurt je eigen callback af die je in de getJSON aangeeft. Daarmee blijft de api consistent en hoef je in het geval van JSONP alleen maar callback=? aan de url toe te voegen (of wat de server ook verwacht ipv "callback").

Dennisonline schreef op dinsdag 24 januari 2012 @ 13:56:
[...]

Dat heb ik al geprobeerd, maar dan werkt het hele script niet meer.

Probeer maar eens: https://gdata.youtube.com/feeds/api/users/EredivisieLive/favorites?&callback=?&v=2&max-results=4&alt=json

Ik zei achteraan, nu klopt je url niet meer.. ?&..

[ Voor 58% gewijzigd door Bosmonster op 24-01-2012 14:04 ]

[Snake]

Bosmonster schreef op dinsdag 24 januari 2012 @ 13:59:
[...]


Nee, dat doet jQuery zelf.


[...]


Ik zei achteraan, nu klopt je url niet meer.. ?&..

Ik bedoel dat hij expliciet de ? in de URL zet.

[Bosmonster]

Snake schreef op dinsdag 24 januari 2012 @ 14:03:
[...]
Ik bedoel dat hij expliciet de ? in de URL zet.

Dat moet ook.

Lees anders de API-documentatie even

[ Voor 3% gewijzigd door Bosmonster op 24-01-2012 14:05 ]

[Dennisonline]

Bosmonster schreef op dinsdag 24 januari 2012 @ 13:59:
[...]


Nee, dat doet jQuery zelf. Die genereert een random functie, plaatst de naam in de url bij de callback en vuurt je eigen callback af die je in de getJSON aangeeft. Daarmee blijft de api consistent en hoef je in het geval van JSONP alleen maar callback=? aan de url toe te voegen


[...]


Ik zei achteraan, nu klopt je url niet meer.. ?&..

Achteraan doet die het ook niet... Probeer maar...

Snake schreef op dinsdag 24 januari 2012 @ 14:03:
[...]
Ik bedoel dat hij expliciet de ? in de URL zet.

Ook als ik er wat anders inzet doet deze het niet meer, kan ik hem wel uitlezen maar vervolgens doet deze het niet meer in Chrome of Firefox..

[Snake]

Bosmonster schreef op dinsdag 24 januari 2012 @ 14:04:
[...]


Dat moet ook.

Lees anders de API-documentatie even

Lees JIJ de API documentatie eens.

http://code.google.com/in...ml#Requesting_JSONC_Feeds

If you want to have the API response sent directly to a callback function, also include the callback parameter in your request as shown below:

code:

https://gdata.youtube.com/feeds/api/videos?q=surfing&v=2&alt=jsonc&callback=functionName

[Bosmonster]

Zucht... de jQuery api-documentatie. Google geeft alleen aan dat ze een callback verwachten. jQuery handelt dat voor je af met callback=? (die vervangt het vraagteken door een random functienaam..)

JSONP
If the URL includes the string "callback=?" (or similar, as defined by the server-side API), the request is treated as JSONP instead. See the discussion of the jsonp data type in $.ajax() for more details.

http://api.jquery.com/jQuery.getJSON/

[ Voor 54% gewijzigd door Bosmonster op 24-01-2012 14:07 ]

[Dennisonline]

Snake schreef op dinsdag 24 januari 2012 @ 14:06:
[...]
Lees JIJ de API documentatie eens.

http://code.google.com/in...ml#Requesting_JSONC_Feeds


[...]

En welke function name moet ik dan gebruiken volgens jou?

[Bosmonster]

Zet anders even een voorbeeldje online, want er is niks mis met je call verder. Denk dat er ergens anders iets mis gaat.

Bijvoorbeeld.. ben je wel ingelogd op IE om je favourites op te vragen? Voer je het ondocumentready uit? Wat krijg je terug of wat voor foutmelding krijg je?

Het is nu een beetje koffiedik kijken (en discussieren over hoe je documentatie leest..)

[ Voor 51% gewijzigd door Bosmonster op 24-01-2012 14:10 ]

[Dennisonline]

Oke het gaat om deze site: *snip* er werd gevraagd om een testcase, geen complete site; zie ook spam , een campagne site die gevuld wordt met social media (de twitter is leeg maar dat komt omdat de search maar tot 7 - 10 dagen gaat, en er is in die tijd niks nieuws geplaatst)

[ Voor 31% gewijzigd door RobIII op 24-01-2012 15:18 ]

[Snake]

Wat ik denk vind is dat json.data werkt. Dat moet een ander property path zijn bij YouTube.

Overigens is de HTML die je renderd compleet fout.

[ Voor 22% gewijzigd door Snake op 24-01-2012 15:17 ]

[Snake]

Ik verveelde me: http://jsfiddle.net/FBGDN/18/

code:

&callback=?

is inderdaad nodig in IE, niet in Chrome.

En ik heb ook je code beetje opgeruimd.

[ Voor 3% gewijzigd door Snake op 24-01-2012 15:33 ]

[Dennisonline]

Snake schreef op dinsdag 24 januari 2012 @ 15:32:
Ik verveelde me: http://jsfiddle.net/FBGDN/18/

code:

&callback=?

is inderdaad nodig in IE, niet in Chrome.

En ik heb ook je code beetje opgeruimd.

Thks man!

Hier heb ik wat aan

[Snake]

Dennisonline schreef op dinsdag 24 januari 2012 @ 15:47:
[...]

Thks man!

Hier heb ik wat aan

Onthou die jsfiddle, altijd handig hier op T.NET.