Batch update patterns in Rest API - Interactive Code Practice

Practice - 5 Tasks

1fill in blank

easy

Complete the code to specify the HTTP method for batch updating resources.

Rest API

fetch('/api/items/batch', { method: '[1]', body: JSON.stringify(data) })

Drag options to blanks, or click blank then click option'

APUT

BGET

CPOST

DDELETE

Attempts:

3 left

💡 Hint

Common Mistakes

Using GET or DELETE methods for updating data.

The PUT method is commonly used for batch updates because it replaces the entire resource or collection.

2fill in blank

medium

Complete the code to set the correct Content-Type header for sending JSON data in a batch update request.

Rest API

fetch('/api/items/batch', { method: 'PUT', headers: { 'Content-Type': '[1]' }, body: JSON.stringify(data) })

Drag options to blanks, or click blank then click option'

Amultipart/form-data

Btext/plain

Capplication/xml

Dapplication/json

Attempts:

3 left

💡 Hint

Common Mistakes

Using incorrect Content-Type headers like text/plain or application/xml.

The application/json Content-Type header tells the server that the request body contains JSON data.

3fill in blank

hard

Fix the error in the batch update request by choosing the correct URL path segment for batch operations.

Rest API

fetch('/api/items/[1]', { method: 'PUT', body: JSON.stringify(data) })

Drag options to blanks, or click blank then click option'

Abatch

Bmodify

Cchange

Dupdate

Attempts:

3 left

💡 Hint

Common Mistakes

Using vague or uncommon path segments like 'update' or 'change'.

The path segment batch clearly indicates a batch operation, which is a common REST API pattern.

4fill in blank

hard

Fill both blanks to create a batch update request that sends an array of items and expects a JSON response.

Rest API

fetch('/api/items/batch', { method: '[1]', headers: { 'Content-Type': '[2]' }, body: JSON.stringify(items) })

Drag options to blanks, or click blank then click option'

APUT

Bapplication/json

CPOST

Dtext/html

Attempts:

3 left

💡 Hint

Common Mistakes

Using POST instead of PUT or wrong Content-Type headers.

Use PUT for batch updating and application/json as the Content-Type for JSON data.

5fill in blank

hard

Fill all three blanks to handle a batch update with error checking and JSON response parsing.

Rest API

async function batchUpdate(items) {
  const response = await fetch('/api/items/batch', {
    method: '[1]',
    headers: { 'Content-Type': '[2]' },
    body: JSON.stringify(items)
  });
  if (!response.ok) throw new Error('Batch update failed');
  const result = await response.[3]();
  return result;
}

Drag options to blanks, or click blank then click option'

APUT

Bapplication/json

Cjson

Dtext

Attempts:

3 left

💡 Hint

Common Mistakes

Using POST instead of PUT, wrong Content-Type, or parsing response as text.

Use PUT for the method, application/json for the Content-Type, and json() to parse the JSON response.