Execute HTTP GET to ./11-fetch-basics.php and set response text as a value for #http-get element.
Execute HTTP GET to ./11-fetch-basics.php with "accept" header set to "application/json". Parse response as JSON and set #get-json element's text to "message" property from the JSON.
Execute HTTP DELETE to ./11-fetch-basics.php and set response text as a value for #http-delete element.
Use HTTP POST and send JSON {"operation": "sum", "args": [1,2,3]} to ./11-fetch-basics.php and set response text as a value for #post-json.
Execute HTTP GET to ./11-not-found.php and handle the error state. Set the status message as a text to #not-found element.
Use HTTP GET to retrieve list of items from ../service/api/v1/product/ and examine the response. Use relative URLs found in the response to fetch item's details. Fetch one item after another in sequence. Create an unordered list element in #product-list element. Create a list item element for each product. Set the text of the list item to the label of the product. Insert the list item element into the unordered list.
Use HTTP GET to retrieve list of items from ../service/api/v1/product/ . Use relative URLs found in the response to fetch item's details. Fetch all items in parallel. Once all requests are done, render the user interface. The user interface is a an unordered list in product-list-parallel element. For each product create a list item with the product label as a text content. Insert the list item element into the unordered list.
Result:
Register events listeners #form-add and replace default action with HTTP POST. Send JSON {"operation": "sum", "args": [1,2]} to ./11-fetch-basics.php . Replace 1 and 2 in the JSON with values from the form inputs left and right. Set response text as a value for #form-add-result.