📜  如何在 jQuery 中发送 PUTDELETE 请求?(1)

📅  最后修改于: 2023-12-03 15:38:18.328000             🧑  作者: Mango

如何在 jQuery 中发送 PUT/DELETE 请求?

在 jQuery 中发送 PUT/DELETE 请求需要使用 $.ajax() 方法。默认情况下,jQuery 只支持 GET/POST 请求,因此发送 PUT/DELETE 请求时需要通过配置选项来指定请求方法。

以下是在 jQuery 中发送 PUT/DELETE 请求的示例代码:

发送 PUT 请求
$.ajax({
  url: "http://example.com/api/resource",
  type: "PUT",
  data: {
    key1: "value1",
    key2: "value2"
  },
  success: function (response) {
    console.log(response);
  },
  error: function (xhr, status, error) {
    console.log(error);
  }
});

发送 PUT 请求的配置选项如下:

  • url:请求的 URL 地址。
  • type:请求方法,此处为 PUT
  • data:请求的数据,可以是普通对象、数组或序列化字符串。
  • success:请求成功的回调函数,可以获取服务器返回的数据。
  • error:请求失败的回调函数,可以获取请求失败的原因。
发送 DELETE 请求
$.ajax({
  url: "http://example.com/api/resource/123",
  type: "DELETE",
  success: function (response) {
    console.log(response);
  },
  error: function (xhr, status, error) {
    console.log(error);
  }
});

发送 DELETE 请求的配置选项与发送 PUT 请求的配置选项类似,仅需要将 type 配置为 DELETE

注意事项
  • 有些服务器不支持 PUT/DELETE 请求,因此在发送 PUT/DELETE 请求时需要确保服务器支持该请求方法。
  • 发送 PUT/DELETE 请求时需要将请求数据转换为序列化字符串,然后在请求头中添加 Content-Type: application/x-www-form-urlencoded,否则服务器无法解析请求数据。
  • 在发送 PUT/DELETE 请求时需要开启 CORS,否则可能会出现跨域请求失败的问题。