[jquery/json] Json Gegevens uitlezen

[_trickster_]

ik ben bezig met het maken van een pagina met Twitterberichten.

Ik haal de gegevens op uit een JSON bestand via de Twitter search API, maar ik kom er niet uit.
Ik heb verschillende scripts nagekeken om uit te zoeken waar ik fout zit maar helaas wil dat niet baten.
het gaat om de volgende code:

code:

$.getJSON("http://search.twitter.com/search.json?q=+%23tweakers&callback=?",
       function(data){     
               $.each(data, function(i,item){
                       $(".tweets" + i).append("Gebruikersnaam: " + item.from_user + "Bericht:" item.text);
               });
       })

maar alles blijft dan helaas leeg.
Al gebruik ik een andere Feed van twitter werkt het wel, maar aangezien je daar niet op hashtag kan zoeken wil ik de 'echte' search feed gebruiken.

Werkende Feed:Open in Viewer
Niet werkende Feed:Open in Viewer

Ik zie zelf wel dat de indeling anders is van de feed, maar ik heb echt zelf geen idee hoe ik het er uit kan krijgen, en kan het ook nergen vinden.

wat zie ik over het hoofd ?

Edit: Json data Duidelijk Leesbaar gemaakt

[ Voor 6% gewijzigd door _trickster_ op 08-01-2011 19:33 ]

[Cosca]

Je kan met javascript geen requests maken naar een ander domein.

Due to browser security restrictions, most "Ajax" requests are subject to the same origin policy; the request can not successfully retrieve data from a different domain, subdomain, or protocol.

bron

edit: Oeps, dit geldt niet voor JSONP-requests. Helemaal over heen gegekeken..

[ Voor 13% gewijzigd door Cosca op 08-01-2011 19:14 ]

[Gamebuster]

Oplossing:

Maak een serverside script dat de data ophaalt via het twitter API en spreek dat script aan vanuit Javascript

-of beter, maak een serverside script dat de data via het twitter API met een vaste interval (iedere minuut?) ophaalt (of "on-demand", wanneer iemand een request doet en de data langer dan een X aantal seconden/minuten voor het laatst is opgehaald) en opslaat in een database/bestandje, zodat niet iedere AJAX-request vereist dat jouw server die data opnieuw moet ophalen.

edit: op basis van hierboven:
Script and JSONP requests are not subject to the same origin policy restrictions.
dammit, als ik dat had geweten had me dat een hoop gekloot bespaard in het verleden

nutteloze reactie van mij dus.

[ Voor 19% gewijzigd door Gamebuster op 08-01-2011 19:18 ]

[_trickster_]

ik denk zelf dat het echt zit in het structuur van de data, aangezien daar de enige verschillen in zit.
de rechten wel allemaal wel te kloppen.

[CodeCaster]

Als je nou eens de (relevante) data (bijvoorbeeld één record) hier in een code-tekstvak zet kun je de ontvangen data lezen zonder dat iedereen die JSON-string moet downloaden en vergelijken.

[_trickster_]

CodeCaster schreef op zaterdag 08 januari 2011 @ 19:24:
Als je nou eens de (relevante) data (bijvoorbeeld één record) hier in een code-tekstvak.....

In de starterspost nu een link gezet naar een Json viewer zodat het duidelijk leesbaar is

[CodeCaster]

Failed to open stream: HTTP request failed! HTTP/1.1 403 Forbidden

[Bosmonster]

Raar, zou namelijk gewoon moeten werken.

edit: ah de link in de url doet het nu wel gewoon?

[ Voor 40% gewijzigd door Bosmonster op 08-01-2011 20:13 ]

[_trickster_]

Bosmonster schreef op zaterdag 08 januari 2011 @ 20:12:
Raar, zou namelijk gewoon moeten werken.
edit: ah de link in de url doet het nu wel gewoon?

welke link zou niet werken of nu weer wel ?
want alles lijkt hier gewoon in orde.

[alex3305]

Het lijkt nu wel te werken inderdaad... Althans in die viewer.

[loentje3]

Deze code zou wel moeten werken.

code:

$.getJSON("http://search.twitter.com/search.json?q=+%23tweakers&callback=?",
       function(data){
            $.each(data.results, function(i,item){
                $(".tweets").append("Gebruikersnaam: " + item.from_user + "Bericht:" + item.text);
         });
    });

Ik heb 2 kleine foutjes kunnen ontdekken in de code.
In de string die je append was je het laatstje "+" tekentje vergeten.
Ik denk dat het probleem vooral zat in de each loop. Ik heb daar data vervangen door data.results.
Doormiddel van firebug en console.log was ik erachter gekomen dat daar alle items in stonden.
Ik denk dat de verkeerde data werd ingeladen omdat hij nu alles uit het data object pakte, in plaats van alleen de results.

[_trickster_]

Bedankt, dit is inderdaad de oplossing.
ik zal me toch maar eens meer moeten gaan verdiepen in de Firebug plugin en andere debug tools om dit soort problemen makkelijker te kunnen vinden.

Maar alsnog bedankt.