« Dags för Windows 7, några bokkapitel att bita tänderna i | Main | MSDN Radio 19 Maj – We have a liftoff! »

2009-05-06

TrackBack

TrackBack URL for this entry:
http://www.typepad.com/services/trackback/6a00d83451b5c469e20115707226d3970b

Listed below are links to weblogs that reference MSDN Radio 6 Maj - Öppna ditt Windows, släpp in lite sol:

Comments

Mikael Söderström

Jag har lite info om jQuery till "grannen". ;-)

Ordet Query i jQuery är främst baserat på möjligheten att ställa frågor mot DOM:en med CSS 3-selectors (t.ex. "div.SomeClass a:first" för att hämta första a-elementet under alla div-element med klassen "SomeClass").

Det går dock att använda jQuery för annat också. Det togs upp att animationer är en del, och det stämmer bra. Det dök även upp en fråga om man kunda använda det för att hämta data, och även där är svaret ja. Om datan finns tillgänglig som XML, eller ännu hellre Json så kan man använda metoder för att hämta den asynkront och deserialisera.

Säg att du vill få fram antalet klick på en länk på Vinkr. Då kan du börja med att hämta Json-strängen:
http://vinkr.net/buzzfrog/json

För att hämta den och visa upp på din sida med jQuery så kan du t.ex. göra något i stil med det här:

//Kör när DOM:en är laddad
$.ready(function() {
//Hämta Json-strängen och deserialisera
$.getJSON('http://vinkr.net/buzzfrog/json', function(json) {
//Sätt texten i elementet med id "VinkrStats" till antalet klick
$('#VinkrStats').text('Klick på Vinkr: ' + json.count);
}
});

Då JavaScript är ett dynamiskt språk så är det bara att hämta propertyn från jQuery som om det vore vilken property som helst i koden.

Du kan ju hälsa din granne det.. ;-)

Verify your Comment

Previewing your Comment

This is only a preview. Your comment has not yet been posted.

Working...
Your comment could not be posted. Error type:
Your comment has been posted. Post another comment

The letters and numbers you entered did not match the image. Please try again.

As a final step before posting your comment, enter the letters and numbers you see in the image below. This prevents automated programs from posting comments.

Having trouble reading this image? View an alternate.

Working...

Post a comment