Make REST API update and delete requests using PUT, PATCH, and DELETE.
Code
Utilities// PUT - Full update
const putResponse = await fetch('https://httpbin.org/put', {
method: 'PUT',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ id: 1, name: 'Updated', status: 'active' })
});
const putData = await putResponse.json();
// PATCH - Partial update
const patchResponse = await fetch('https://httpbin.org/patch', {
method: 'PATCH',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ status: 'inactive' })
});
const patchData = await patchResponse.json();
// DELETE
const deleteResponse = await fetch('https://httpbin.org/delete', {
method: 'DELETE'
});
const deleteData = await deleteResponse.json();
({ put: putData.json, patch: patchData.json, delete: deleteData.method });Browser·fetch() may be limited by CORS
More JavaScript Snippets
Add Query Parameter
Add or update a query parameter in a URL string.
Bearer Token Authentication
Make an authenticated HTTP request using Bearer token for JWT or OAuth.
Check Cloudflare Cache Status
Check if a resource is served from Cloudflare's cache by inspecting the CF-Cache-Status header.
CORS Cross-Origin Request
Make a cross-origin HTTP request with CORS headers inspection.
Delayed Response (Test Timeouts)
Request a delayed response to test timeout handling with AbortController.
Download Binary File
Download an image or binary file and convert it to a blob or base64.