자바스크립트 Put 요청 매개변수

프런트엔드 기술의 지속적인 발전으로 JavaScript는 웹 개발에 없어서는 안 될 부분이 되었습니다. 일부 시나리오에서는 PUT 요청을 사용하여 서버의 데이터를 업데이트해야 합니다. 이 기사에서는 JavaScript에서 PUT 요청을 사용하여 매개변수를 보내는 방법을 살펴보겠습니다.

PUT 요청은 서버 리소스에 대한 업데이트 요청입니다. POST 요청과 비교하여 PUT 요청은 전체 URL을 지정하지 않고도 지정된 리소스를 바꾸거나 업데이트할 수 있습니다. PUT 요청의 구문 규칙은 다음과 같습니다.

PUT /resource HTTP/1.1
Host: localhost
Content-Type: application/json
Content-Length: <length>

{
    "name": "put request",
    "description": "update server data"
}

그 중 Content-Type 및 Content-Length는 요청된 데이터 형식과 데이터 길이를 지정하는 데 사용됩니다. JavaScript에서는 XMLHttpRequest 객체를 사용하여 PUT 요청을 할 수 있습니다. 다음은 XMLHttpRequest 개체를 사용하여 PUT 요청을 보내는 샘플 코드입니다. 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请求的示例代码：

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和.catchrrreee

여기서 xhr는 XMLHttpRequest 개체이고 open 메서드를 사용하여 구성합니다. 요청된 URL 및 요청 메소드, setRequestHeader 메소드는 요청된 데이터 형식을 지정하기 위해 Content-Type 요청 헤더를 설정하는 데 사용됩니다. send 메소드는 요청을 보내고 요청 매개변수를 JSON 문자열로 변환하는 데 사용됩니다.

XMLHttpRequest 개체를 사용하여 PUT 요청을 보내는 것 외에도 fetch API를 사용할 수도 있습니다. ES6에서 최신 브라우저는 이미 기본적으로 fetch API를 지원합니다. 다음은 fetch API를 사용하여 PUT 요청을 보내는 샘플 코드입니다. 🎜rrreee🎜여기서 options 매개변수는 요청 방법, 요청 헤더 및 요청 매개변수를 구성하는 데 사용됩니다. fetch 메소드는 요청을 보내고 Promise 객체를 반환하는 데 사용됩니다. .then 및 .catch 메서드를 사용하여 요청 응답 및 오류를 처리할 수 있습니다. 🎜🎜요약하자면 JavaScript로 PUT 요청을 보내는 것은 매우 간단합니다. XMLHttpRequest 개체 또는 가져오기 API를 사용하여 요청 매개변수를 JSON 문자열로 변환하고 요청 헤더를 구성하기만 하면 됩니다. 🎜

위 내용은 자바스크립트 Put 요청 매개변수의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!