ブラウザから直接POSTを実行したいとき | 全国個人事業主支援協会

COLUMN コラム

ブラウザから直接POSTを実行したいとき

2026年02月09日
ブラウザから直接POSTを実行したいとき
- プログラマー

ローカル環境からサーバーに対してPOST APIを試しに実行したいときにサーバー側の設定で

直接APIが実行できないケースもあります。

そのようなときには次のようにコンソールにfetchを直接書き込むことでPOST APIを試すことが可能です。


fetch("https://example.com/", {
    method: "POST",
    headers: {
        "Content-Type": "application/json"
    },
    body: JSON.stringify({
        uid: "id123456789",
        name: "tanaka202345",
        age: 25
    })
})
.then(async response => {
    // ステータスコードと結果を表示
    console.log(`ステータス: ${response.status} ${response.statusText}`);
    
    if (response.ok) {
        const result = await response.text(); // または .json()
        console.log("送信成功！レスポンス:", result);
    } else {
        console.warn("サーバーには届きましたが、エラーが返されました。");
    }
})
.catch(error => {
    console.error("ネットワークエラー、またはCORS制限により送信できませんでした:", error);
});