Ajax med hjälp av JQuery och Sinatra

Den hälsosamme ekonomisten, Saturday 20 April, 2019
Bild: 2017-09/dsc01062.jpg

Tänkte så här på påskaftonen dela med mig av ett tips på hur man kan ladda in information på en webbsida utan att ladda om sidan. Begreppet Ajax står för "Asyncronous Javascript and XML". Men man behöver inte använda XML för att överföra information, i dag är det mycket vanligare att använda JSON, alltså Javascript Object Notation.

För att kunna efterfråga information från en server behöver man Javascript. I Javascriptbiblioteket JQuery finns en funktion som gör det enkelt att hämta information till en webbsida. Hur man använder funktionen beskrivs på W3 Schools:

https://www.w3schools.com/jquery/ajax_getjson.asp

Men hur får man då servern att leverera json som kan läsas av webbsidan? I Sinatra kan man omvandla de flesta objekt, exempelvis en array, till ett json-objekt genom att i stället för att använda en template för att rendera webbsidan enbart skicka data på följande sätt (om någon undrar så använder jag inte parametern "fragan" i det här exemplet):

get '/json?' do
  parameter = params['fragan']
  @json_svar = ["mina", "data"]
  content_type :json
  @json_svar.to_json
end

Javascriptet (JQuery) skulle i det här fallet alltså bli

$("button").click(function(){
  $.getJSON("json?fragan=data", function(result){
    for(i = 0; i < (result.length - 1) ; i++) { 
      console.log(result[i]);
    }
  });
});

Det som händer när man klickar på "button" blir då att en förfrågan skickas till servern om att den vill ha "data".  Servern svarar med att skicka en array i json-format som sedan skrivs ut på consolen.

Personligen tycker jag det här är det enklaste sättet att låta en webbsida prata med en server. För att anpassa svaret kan man skicka med olika frågor via parametern "fragan".

Det som behövs för att gör denna enkla Ajaxtillämpning är alltså:

1) Ruby med Sinatra

2) JQuery

Man kan givetvis byta ut Ruby och Sinatra mot andra ramverk, som Flask och Python eller vanlig PHP. Dock rekommenterar jag som brukligt Sinatra, eftersom Ruby har bra funktioner för att konvertera mellan olika format, exempelvis till och från json.

Ni som tycker det saknas information har rätt. Det här går inte att göra utan att veta några grundläggande saker om hur man installerar JQuery, Ruby och Sinatra. Men hade jag beskrivit det hade blogginlägget blivit alldeles för långt. Hoppas ändå någon har nytta av det här tipset.

Hassan behöver vård

Den hälsosamme ekonomisten
Bild: 2017-09/dsc01062.jpg

Applåderar Uppdrag Granskning som intervjuat "Hassan" som begått 221 olika brott . Han utgör det kanske starkaste argument jag hittills stött på för långa fängelsestraff. Hade Hassan varit inlåst på 10 år skulle det nämligen begåtts 200+ färre brott och det hade funnits 200+ färre brottsoffer. Oavsett vad man tycker om fängelsestraff som rehabilitering skulle det varit en stor vinst för samhället. Det kanske mest intressanta är att han har en förvånansvärt stor vokabulär för att vara …

Läs mer!

Facebook slutför det som NSA påbörjade

Den hälsosamme ekonomisten
Bild: 2017-09/dsc01062.jpg

Har varit på presentationen av Edward Snowdens memoarer på Hotell Rival . Kan dock inte delge er någon recension ännu, ni får vänta tills jag fått boken jag beställt. En vanlig fråga man får är om Snowden är dubbelagent av något slag - spion var han ju redan. Det är ett inte helt ovanligt påstående, som inte sällan kommer från utrikespolitiska hökar som sympatiserar med USA. Så i brist på ytterligare information får man försöka bedöma sannolikheten utifrån de data som vi har tillgång …

Läs mer!

Oväntat hög arbetslöshet i Sverige

Den hälsosamme ekonomisten

Noterar att de senaste arbetslöshetssiffrorna är väldigt dåliga. Det finns en rad förklaringar till det - den viktigaste är konjunkturen. Det är dock värt att notera att flyktingvågen 2015 spelar in och kan öka antalet personer som räknas till arbetskraften. Men med tanke på att personer som utsätts för åtgärder av våra myndigheter kan räknas … Läs mer!

Det är inte som på 90-talet

Den hälsosamme ekonomisten

En oljeprisuppgång på 12 procent är inte att förakta - faktiskt den största sedan det första gulfkriget. Det kan vara svårt att tro - men de geopolitiska späningarna var betydligt värre för 28 år sedan. Litauen och de övriga baltiska staterna höll dessutom på att frigöra sig från Sovjetunionen . Världen är långt mindre oljeberoende i dag. … Läs mer!

Låg skärmtid ett tecken på psykisk ohälsa

Den hälsosamme ekonomisten

En ny epidemiologisk studie v isar att personer som inte använder sin mobiltelefon - alltså personer med onormalt låg skärmtid - i snitt mår betydligt sämre än andra .  Eduardo J. Pedrero-Pérez och några andra forskare har specialstuderat en grupp som anger att de inte använder sin mobiltelefon regelbundet. Det är mer än dubbelt så många … Läs mer!

Jens Weidman förlorade dragkampen i ECB

Den hälsosamme ekonomisten

Väntar det en konstitutionell kris i EU? Tyska domstolar har ifrågasatt om Europeiska centralbankens köp av statsobligationer är förenliga med tysk grundlag, som förbjuder centralbanken att bedriva finanspolitik. Frågan är alltså - är de extraordinära åtgärderna finanspolitik? Tysklands motstånd handlar alltså inte enbart om att … Läs mer!

Bidraget som är för krångligt att söka

Den hälsosamme ekonomisten

"Vi uppfinner ett bidrag som är så krångligt och integritetskränkande att söka att nästan ingen söker det." "Ja, lysande idé. Då blir det flera miljarder billigare." Man funderar på om det var så politikerna resonerade när bostadstillägget infördes. Intressant nog har många i målgruppen begränsad kognitiv kapacitet - antingen för att de … Läs mer!

Sverige har nu högre arbetslöshet än snittet i EU

Den hälsosamme ekonomisten

För mycket länge sedan utfärdade den Socialdemokraterna ett löfte om att Sverige år 2020 skulle ha EU:s lägsta arbetslöshet. Man har sedermera tagit tillbaka löftet, men ändå är det intressant att notera att Sverige sedan innevarande månad har högre arbetslöshet än snittet i EU. En stor del av denna arbetslöshet är strukturarbetslöshet - … Läs mer!

Objektorientering handlar om oberoende

Den hälsosamme ekonomisten

Funderar på om samhället rent generellt kan lära sig av programmerare. När jag jobbade på Socialdepartementet slog det mig att lagstiftningen i väldigt stor utsträckning liknar ett datorprogram som måste hänga ihop logiskt. Den enda stora skillnaden är att det är jurister som tolkar lagen och kiselchip som tolkar datorprogrammen. Vissa skulle sä… Läs mer!

Om bloggen

Den hälsosamme ekonomisten är en blogg som handlar om sjukvårdens organisation, incitament och klassisk liberalism - allt skrivet ur ett ekonomistiskt perspektiv. Webbplatsen använder tredjepartskakor (cookies) från Disqus, Piwik, Facebook, Google och Twitter för att anpassa innehållet och annonserna till användarna, tillhandahålla funktioner för sociala medier och analysera vår trafik. Vi vidarebefordrar information om din användning av vår webbplats till de sociala medier och annons- och analysföretag som vi samarbetar med. Du kan läsa mer om webbplatsens kakpolicy här. Denna sida drivs med webbverktyget Bolt. Av Mattias Lundbäck.

VR och Vårdvalssidan

Den hälsosamme ekonomisten finns även tillgänglig i VR. Har man HTC Vive eller Occulus Rift når man hifi://ekonomism genom att först installera appen High Fidelity som ger tillgång till en stor mängd olika virtuella världar. Sedan skriver man bara "ekonomism" i Goto-fältet i HiFi. Fältet motsvarar adressraden i en vanlig webbläsare.

Besök gärna www.vårdval.se - det enklaste sättet att hitta och jämföra vårdgivare.

”Jag

Läs bloggkollegor

Anybodys Place Carl-Johan Westholm Cornucopia Danne Nordling Eskil Ullberg Fnordspottning Fredrik Malm Fredrik Segerfeldt Gustav Nipe Henrik Alexandersson Janerik Larsson Jonas Grafström Lennart Grundel Maria Abrahamsson Markus Uvell Mina Moderata Karameller Mattias Svensson Niclas Berggren Opassande Per Gudmundson Sjätte Mannen Tanja Bergkvist The Market Monetarist


Creative Commons-licens
Den hälsosamme ekonomisten av Mattias Lundbäck är licensierad under en Creative Commons Erkännande 4.0 Internationell licens.
Based on a work at https://www.ekonomism.us.

Sociala medier

Den hälsosamme ekonomisten är en blogg för dig som är intresserad av ekonomi, politik och teknik. Följ mig på Twitter för regelbundna uppdateringar. Läs mer om Den hälsosamme ekonomisten och Mattias Lundbäck här.


Linkonomism
Googelkonomism
Feedkonomism