JavaScriptでのPUTリクエストの例


  1. XMLHttpRequestを使用する方法:

    var xhr = new XMLHttpRequest();
    xhr.open('PUT', 'http://example.com/api/resource', true);
    xhr.setRequestHeader('Content-Type', 'application/json');
    xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
    console.log('PUTリクエストが成功しました');
    }
    };
    var data = {
    key: 'value'
    };
    xhr.send(JSON.stringify(data));
  2. fetch APIを使用する方法:

    var data = {
    key: 'value'
    };
    fetch('http://example.com/api/resource', {
    method: 'PUT',
    headers: {
    'Content-Type': 'application/json'
    },
    body: JSON.stringify(data)
    })
    .then(function(response) {
    if (response.ok) {
    console.log('PUTリクエストが成功しました');
    }
    });
  3. axiosを使用する方法:

    var axios = require('axios');
    var data = {
    key: 'value'
    };
    axios.put('http://example.com/api/resource', data)
    .then(function(response) {
    console.log('PUTリクエストが成功しました');
    });

これらのコード例では、URLとデータの内容を適切な値に置き換える必要があります。また、サーバーがPUTリクエストを受け入れるエンドポイントが存在している必要があります。

これらの方法を使用すると、JavaScriptでPUTリクエストを実行し、サーバーにデータを送信することができます。