随着前端技术的不断发展，javascript成为了web开发中不可或缺的一部分。而在一些场景中，我们需要使用put请求来更新服务器上的数据。在这篇文章中，我们将探讨如何在javascript中使用put请求发送参数。
PUT请求是对服务器资源的更新请求。它与POST请求相比，PUT请求可以对指定的资源进行替换或更新操作，而不需要指定完整的URL。PUT请求的语法规则如下：
PUT /resource HTTP/1.1 Host: localhost Content-Type: application/json Content-Length:{ "name": "put request", "description": "update server data" }
其中，Content-Type和Content-Length用来指定请求的数据格式和数据长度。在JavaScript中，我们可以使用XMLHttpRequest对象来进行PUT请求。下面是一个使用XMLHttpRequest对象发送PUT请求的示例代码：
const xhr = new XMLHttpRequest();
xhr.open("PUT", "/resource");
xhr.setRequestHeader("Content-Type", "application/json");
const data = {
"name": "put request",
"description": "update server data"
};
xhr.send(JSON.stringify(data));这里的xhr是XMLHttpRequest对象，open方法用来配置请求的URL和请求方式，setRequestHeader方法用来设置Content-Type请求头，以指定请求的数据格式。send方法用来发送请求，并将请求参数转换为JSON字符串。
除了使用XMLHttpRequest对象发送PUT请求外，我们还可以使用fetch API。在ES6中，现代浏览器已经原生支持fetch API。下面是一个使用fetch API发送PUT请求的示例代码：
里面有2个文件夹。其中这个文件名是:finishing，是我项目还没有请求后台的数据的模拟写法。请求后台数据之后，瀑布流的js有一点点变化，放在文件名是：finished。变化在于需要穿参数到后台，和填充的内容都用后台的数据填充。看自己项目需求来。由于chrome模拟器是不允许读取本地文件json的，所以如果你要进行测试，在hbuilder打开项目就可以看到效果啦，或者是火狐浏览器。
立即学习“Java免费学习笔记（深入）”；
const options = {
method: "PUT",
headers: {
"Content-Type": "application/json"
},
body: JSON.stringify({
"name": "put request",
"description": "update server data"
})
};
fetch("/resource", options)
.then(response => console.log(response))
.catch(error => console.log(error));这里的options参数用来配置请求的方法、请求头和请求参数。fetch方法用来发送请求，并返回一个Promise对象。我们可以使用.then和.catch方法来处理请求的响应和错误。
总结来说，在JavaScript中发送PUT请求非常简单。只需要使用XMLHttpRequest对象或fetch API，将请求参数转换为JSON字符串，并配置请求头即可。
