ajax如何提交put请求

Ajax是一种使网页能够实时更新数据的技术。在数据操作中，常常需要使用PUT请求来更新服务器上的数据。本文将介绍如何使用Ajax提交PUT请求，并通过举例说明其使用。

对于大多数浏览器来说，原生的Ajax方法只支持GET和POST请求，不支持PUT请求。但是我们可以通过发送POST请求，并在请求头中添加特定的标识来模拟PUT请求。下面是一个示例代码：

$.ajax({
url: "http://www.example.com/api/users/1", // 要更新的资源的URL
type: "POST", // 请求类型为POST
data: { _method: "PUT", name: "John", age: 30 }, // 在POST请求中添加_method字段，并设置为PUT，同时传递要更新的数据
success: function(response) {
console.log("更新成功");
},
error: function(xhr, status, error) {
console.log("更新失败：" + error);
}
});

在上述代码中，我们使用POST请求发送了一个数据对象，其中包括_method字段和要更新的数据。服务器解析请求时，会根据_method字段的值来处理请求。通过这种方式，我们成功地模拟了PUT请求。

另外一种方法是使用XMLHttpRequest对象来发送PUT请求。下面是一个使用原生JavaScript实现的示例代码：

var xhr = new XMLHttpRequest();
xhr.open("PUT", "http://www.example.com/api/users/1", true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log("更新成功");
}
if (xhr.readyState === 4 && xhr.status !== 200) {
console.log("更新失败");
}
};
xhr.send(JSON.stringify({ name: "John", age: 30 }));

在这个示例中，我们创建了一个XMLHttpRequest对象，并使用open方法指定了PUT请求的URL。接着，我们使用setRequestHeader方法来设置请求头，其中包括Content-Type字段。在send方法中，我们将要更新的数据对象转换为JSON格式，并发送到服务器。通过监听onreadystatechange事件，我们可以获取到请求的状态和响应结果。

综上所述，我们可以通过模拟PUT请求的方式使用Ajax来更新服务器上的数据。无论是使用jQuery的ajax方法还是原生JavaScript的XMLHttpRequest对象，都可以实现这样的功能。在实际开发中，我们可以根据具体需求选择适合的方法来发送PUT请求，并根据响应结果来处理后续逻辑。