使用fetch发送delete请求并携带参数

可以使用以下代码使用fetch发送delete请求并携带参数：

fetch(url, {
  method: 'DELETE',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({
    paramName: paramValue
  })
})
.then(response => {
  // 处理响应数据
})
.catch(error => {
  // 处理错误
});

其中，`url`是请求的URL地址，`paramName`和`paramValue`是要携带的参数名和参数值。在请求中，使用`method`指定为`DELETE`，使用`headers`指定请求头的`Content-Type`为`application/json`，使用`body`将参数以JSON格式进行序列化并发送到服务器。最后，使用`then`和`catch`方法处理响应数据和错误。

相关问题

DELETE请求，?id=7显示not allow，但是直接传id就行

DELETE请求是一种HTTP方法，用于删除指定的资源。在发送DELETE请求时，通常不会像GET、POST那样在URL中显式地携带大量的参数。对于`id=7`这样的情况，这通常是一个示例，表示你想删除ID为7的某个资源。在实际的DELETE请求中，这个ID会放在请求头（如`Content-Type: application/json`中的JSON数据，或者作为路径的一部分，如`/api/resource/7`）里，而不是URL查询字符串中。

当你试图使用`?id=7`的方式发送DELETE请求时，浏览器可能会默认不允许这样做，因为按照规范，GET和DELETE操作不应该带有查询参数。如果服务端API设计成接受这种方式，那么可能是为了简化前端的编码，但这并非标准做法。

正确的做法通常是这样的：

// JavaScript (fetch)
fetch('/api/resource/7', {
  method: 'DELETE'
});

// jQuery AJAX
$.ajax({
  url: '/api/resource/7',
  type: 'DELETE',
  data: {}
});

在这个例子中，`/api/resource/7`这部分就包含了需要删除的资源ID。如果返回状态码为403（禁止）或405（方法禁用），那说明服务端确实不支持这种形式的请求。

fetch请求失败，No 'Acess-Control-Allow-Origin' header is present on the requested resource.

这个错误提示表明在你的fetch请求中缺少了'Access-Control-Allow-Origin'头部信息，这是由于浏览器的同源策略限制引起的。同源策略要求请求只能在相同的域名、协议和端口下发起，否则会被浏览器阻止。

为了解决这个问题，你可以在服务器端设置响应头部信息，允许特定的域名访问该资源。具体而言，你需要在服务器响应的时候添加'Access-Control-Allow-Origin'头部，并设置其值为请求来源的域名（可以使用通配符*来允许所有域名访问）。

以下是一个示例的解决方法，使用Node.js和Express框架作为服务器端示例：

const express = require('express');
const app = express();

app.use(function(req, res, next) {
  // 设置允许跨域的域名，*代表允许任意域名跨域
  res.header('Access-Control-Allow-Origin', '*');
  // 设置允许的HTTP请求方法
  res.header('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, OPTIONS');
  // 设置允许的HTTP请求头部
  res.header('Access-Control-Allow-Headers', 'Content-Type, Authorization');
  // 允许携带cookie
  res.header('Access-Control-Allow-Credentials', 'true');
  next();
});

// 处理你的其他路由和中间件

app.listen(3000, () => {
  console.log('服务器启动成功');
});

这样设置之后，服务器会在响应中包含'Access-Control-Allow-Origin'头部信息，允许所有域名进行跨域请求。