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.

Iran har lärt sig av Nordkorea

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

Spelkulerar lite om Irans strategi i Persiska viken . Det är inte osannolikt att landets ledning tagit lärdom av Nordkoreas framgångar - som landet uppnått med sitt kärnvapenprogram. När Kim Jung Un skickar robotar över Japan bör detta ses som en förhandlingsinvit till Trump. Un använder i själva verket samma taktik som Trump brukar använda - att hota motparten för att lyfta en fråga på dagordningen.  Det är inte omöjligt att Iran tänker trappa upp konflikten i Persiska viken till …

Läs mer!

Trump är omdömeslös och farlig

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

Det måste råda totalt kaos i Vita Huset . Donald Trump agerar både omdömeslöst och farligt. Han är en populist av en typ som vi inte sett på den nordamerikanska kontinenten - däremot rätt ofta på den Sydamerikanska . Att han erbjuder sig att betala borgen för en rappare som sitter häktad i Stockholm är bara toppen på ett isberg. Jag är rädd för att konsekvenserna av hans agerande kommer att bli mer än bara pinsamma. Somliga menar att presidenten är ett politiskt geni och att han …

Läs mer!

Detta har hänt

Den hälsosamme ekonomisten

För att sammanfatta de senaste dagarnas nyhetsflöde: USA:s president har på inrådan av Kanye West twittrat att han ska kontakta "... den mycket begåvade statsministern i Sverige" för att försöka få rapparen ASAP fri ASAP. Iran har beslagtagit några oljetankers. Ett stort antal Facebookanvändare kan frivilligt ha delat med sig av … Läs mer!

Faceapp bara början

Den hälsosamme ekonomisten

Efter upptäckten om att en populär app med 80 miljoner användare har sitt ursprung i S:t Petersburg - även känt som hemstaden för Rysslands trollfabriker och statligt sponsrade hackare - uppkommer naturligt frågan om det över huvud taget är lämpligt att ladda ner appar som är tillverkade i diktaturer som Kina och Ryssland. Det är en … Läs mer!

ECB diskuterar införandet av symmetriskt inflationsmål

Den hälsosamme ekonomisten

I EU pågår nu diskussioner om att införa ett symmetriskt inflationsmål, liknande det som Sverige har. Som bekant har inflationen i euroområdet länge varit betydligt lägre än två procent, vilket bland annat fått den svenska kronan att försvagas gentemot euron. Skulle ECB införa ett symmetriskt inflationsmål - alltså ett mål om att inflatione… Läs mer!

Rättsstaten har gått på värdegrund

Den hälsosamme ekonomisten

Läser att ungdomar har "heilat" i Lisebergs åkattraktioner och att man kopplat in polisen.  "Det är framför kamerorna i åkattraktionerna Flumride och Helix som Hitlerhälsningarna förekommer. Enligt Liseberg utförs de oftast av ungdomar som är mellan 13 och 16 år gamla." Missförstå mig inte, människor ska givetvis inte gå och heila på … Läs mer!

Det har faktiskt blivit värre

Den hälsosamme ekonomisten

Tar del av kommentarer i sociala medier om att den rapport som Den nya välfärden  presenterat om invandrares brottslighet skulle visa att brottsligheten bland utrikes födda och bland personer med utrikes bakgrund minskat. Så jag bestämmer mig för att läsa rapporten förutsättningslöst för att se vad som stämmer och inte. När jag lägger ihop … Läs mer!

Stabelo dubblade sin utlåning

Den hälsosamme ekonomisten

Läser att bolåneinstitutet Stabelo dubblade sin utlåning under våren - från 4 miljarder till 8 miljarder. Med tanke på att det går att skala upp verksamheten obegränsat, så länge det finns kapital, talar allt för att de snart kommer att utmana storbankerna på riktigt. Man har ju inte ens marknadsfört sig - tänk när man sätter upp affischer i … Läs mer!

Storbritanniens FRA-lag ett medel för att stoppa visselblåsare

Den hälsosamme ekonomisten

Tydligen har man nu hittat personen som läckt den brittiske ambassadörens rapporter om Donald Trump till medierna. Det börjar också framgå vilken roll massövervakning kan spela för att förhindra pressen från att publicera pinsamheter som detta. Reuters skriver: "Both the Sunday Times and the Mail on Sunday reported that intelligence … 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