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.

Dags att bolla över till rättsväsendet

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

Efter ytterligare några dödsskjutningar och sprängdåd i Malmö rasar oppositionen. "Regeringen måste göra något!" Fast det är ytterst oklart vad regeringen kan göra. Man kan anslå mer resurser till rättsväsendet, men om de högsta juristerna dömer ut anmärkningsvärt låga straff, prioriterar fel och tillämpar särdeles höga beviskrav ter sig inte resurstillskott som en tillräcklig lösning. Sanningen är att rättsväsendet måste ta sig samman och prioritera brottslighet som hotar samhället…

Läs mer!

Tre frontfigurer som möjliggjorde murens fall

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

Det är framför allt tre personer som möjliggjorde att Berlinmuren småningom föll - två amerikanska presidenter och en svensk statsminister. Jag tänker då givetvis på John F Kennedy  som vid rådhuset i Schöneberg , yttrade de klassiska orden: "Ich bin ein Berliner". Sedan kom Ronald Reagan  som 1987 framför muren sade: "Mr Gorbatjev, tear down this wall." Men Berlinmuren hade sannolikt aldrig fallit om det inte varit för den svenska statsministern Ingvar Carlsson som år 1989 - några …

Läs mer!

Men visst är det ett problem med lösa terrorister

Den hälsosamme ekonomisten

Det kan knappast ha undgått någon att sju terrorister nyligen har släppts lösa i Sverige. Men vad misstänktes de för? Det bör oroa oss att en av dessa personer införskaffat hundratals kilogram med kemikalier som rimligen skulle användas för att sätta ihop bomber. Målet tycks ha varit Stockholms Central .  I tingsrätten dömdes terroriste… Läs mer!

OECD tar ett steg mot globala minimiskatter

Den hälsosamme ekonomisten

OECD har nu presenterat principerna för minimiskatter för globalt verksamma företag. Arbetet sker i relativ enighet - i vetskapen att alternativet antagligen är att vissa länder går före och etablerar egna skatter på internationellt aktiva företag. Det är ännu oklart vilka nivåer skatterna kommer att hamna på. OECD skriver i ett uttalande … Läs mer!

11 000 forskare kan inte ha fel

Den hälsosamme ekonomisten

I går presenterade Sveriges Television nyheten om att 11 000 forskare undertecknat ett klimatupprop med krav på att någon måste göra något väldigt snabbt. Det mest konkreta förslaget i artikeln är att vi bör satsa på att begränsa barnafödandet. Jag antar då att det inte handlar om barnafödandet i vår del av världen, utan i de delar av … Läs mer!

Parisavtalet det största miljöhotet

Den hälsosamme ekonomisten

Det glädjer mig att USA lämnar Parisavtalet . Skulle vilja utnämna avtalet till det största miljöhot som planeten står inför - om det nu är så att koldioxidutsläppen är ett miljöhot. Skälet är att avtalet konserverar en uppfattning om att ansvaret för koldioxidutsläppen är en nationell fråga - där varje nation ska få sina företag att minska … Läs mer!

Men ni har ju lagt ert eget material bakom betalvägg?

Den hälsosamme ekonomisten

Två Schibstedtchefer skriver i SvD om att de sociala nätverken bör ta ett större ansvar för desinformation som sprids. De glömmer dock bort att den kanske främsta orsaken till att nyheter förmedlas via Facebook är att DN, SvD och andra publikationer lagt sitt material bakom betalväggar. What's a girl supposed to do , liksom. Helst skulle … Läs mer!

Programmerarens Kinderägg

Den hälsosamme ekonomisten

Det är vanligt att man utvecklar program lokalt för att sedan ladda upp dem till en molntjänst som Google Compute Engine . Man kan också göra tvärtom och utveckla program i molnet för att sedan ladda ner dem till en lokal server.  Ytterligare en lösning - som många kanske inte tänker på - är att använda samma molntjänst för både utveckling … Läs mer!

Hur mycket planekonomi tål marknadsekonomin?

Den hälsosamme ekonomisten

Företag är som öar av planekonomi i en värld av marknader. Samtidigt har ny teknik gjort det möjligt att expandera planekonomin långt utöver vad som tidigare var möjligt. Ett exempel är Amazon , som samlar all världens varor i ett distributionssystem som bygger på planekonomiska principer.  Men öarna av planekonomi är trots allt små i … 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.

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