jQuery del 3: jQuery ajax med WCF

Kombinationen jQuery och WCF (Windows Communications Foundation) som AJAX-lösning fungerar alldeles utmärkt och ger enkel och ren kod på både klient och serversidan. Den här bloggen handlar om hur man sätter upp detta på ett enkelt och snabbt sätt.

När man skapar en WCF-service fylls web.config på massa onödigt som gör felsökning och ändring svårare än vad det behöver vara, så här följer ett exempel på det minsta behövs för att få AJAX-funktionaliteten att fungera. (Servicen kallas här "Example" och "Namespace" är servicens namespace)

Javascript-anropen ser då ut ungefär som nedan i sin enklaste form. Det enda kriteriet är att sidan länkat in den vanliga jQuery-filen (56 kb okomprimerad vilket kommer att cachas efter första sidladdningen), detta i motsats till många andra ramverk som kräver att det laddas in flera JavaScript-filer som sköter snacket med servern.

I svc-filen så måste metoderna som skall användas taggas upp såhär så de serialiseras korrekt till och från json:

Givetvis finns det saker som kan strula som t.ex. datum som får ett format som inte är JavaScript-kompatibelt. Lösningen på datumformatet är att man får konvertera detta manuellt innan man använder det.

I nästa del, d.v.s. den sista, i jQuery-serien kommer jag att gå igenom några användbara plugins som jag funnit .

Tommy Söderström
2009-10-02