Studera koden nedan (men kör inte den). Vad kommer att loggas och I vilken ordning?

 

function B () { console.log("B"); }
function K () { console.log("K"); }
console.log("H");
const rqst = new Request( URL till slow_number.php );
let prms = fetch(rqst);
prms.then(B);
console.log("E");

Studera koden nedan (men kör inte den). Vad kommer att loggas och I vilken ordning?

const rqst = new Request( URL till slow_number.php );
let prms = fetch(rqst);
console.log("H");
prms.then(B);
console.log("E");
function B () { console.log("B"); }
function K () { console.log("K"); }

Om response_promise är löftet som fetch returnerar och webbresursen vi har frågat om är ett JSON-objekt... Vad returnerar metod-anropet nedan?
response_promise.then(response => response.json())

Säg att webbresursen vi frågade efter var ett JSON-objekt. När webbresursen har kommit till klienten anropas funktionen som vi angav I metoden then() av löftet som returnerades av:
response_promise.then(response => response.json())

Säg att funktionen som vi angav där, och som anropas, hade namnet F1. Hur når vi webbresrusen I vår JS-kod?

Studera denna webbresurs:
https://maumt.se/dbp/dbp22/chunks_material/resources/greetings.php

Vad är det för typ av webbresurs?

Studera denna webbresurs:
https://maumt.se/dbp/dbp22/chunks_material/resources/moneis.php

Det är ett JSON-objekt med tre nycklar. Vilka?

www.exempel.com/test.php?a=b&b=c&c=d

Hur många GET-parametrar finns det I denna URL?

www.exempel.com/test.php?a=b&b=c&c=d

Vilket värde har GET-parametern d?

www.exempel.com/&p1=a&p2=b&p3=c

Vilket värde har GET-parametern p1?

const r1 = new Request(URL1);
const r2 = new Request(URL2);
fetch(r1).then(r=>r.json()).then(do_something);
fetch(r2).then(r=>r.json()).then(do_something);


Skickas begäranden ovan I serie eller parallellt?

const URL1 = "https://teaching.maumt.se/apis/random_number/";
const URL2 = "https://teaching.maumt.se/apis/random_color/";
const r1 = new Request(URL1);
const r2 = new Request(URL1);
fetch(r1).then(r=>r.json()).then(console.log);
fetch(r1).then(r=>r.json()).then(console.log);


Kommer denna kod att kunna köras?

När man I koden skriver:
const a = await X;

Vad måste X vara?

const a = await X;

Kodraden ovan kan endast skrivas...

const a = await X;

Kodraden ovan måste finnas inuti en async funktion för att fungera. Vad händer när kodraden ovan körs?

Dessa rader finns I en async-funktion och den anropas. Vad kommer att loggas på consolen?

const request = new Request(`https://teaching.maumt.se/apis/random_number/`);
console.log((await fetch(request)));

Dessa rader finns I en async-funktion och den anropas. Vad kommer att loggas på consolen (ordningen är viktig!)?

const request = new Request(`https://teaching.maumt.se/apis/random_number/`);
console.log(await (await fetch(request)).json());
console.log("hej");

I flera av övningarna har vi använt oss av resursen:
https://teaching.maumt.se/apis/random_number/?min=1&max=29&t_min=3&t_len=2

Vad är t_min?

Vad kommer att loggas på consolen?

async function f1 () {
  const response = await fetch("https://teaching.maumt.se/apis/random_number/");
  return response.json();
}
console.log(f1());

Vad kommer att loggas på consolen?

async function f1 () {
  const response = await fetch("https://teaching.maumt.se/apis/random_number/");
  return await response.json();
}
console.log(f1);